Фигура на css с заострением

Возможно ли с помощью css выполнить такую рамку:

И вот такую картинку:

С учетом того, что фон может быть не белым и не однотонным (картинка).
На странице очень много таких элементов и картинкой не хотелось бы делать. Но и нужно чтобы ie9 более-менее нормально показывал. clip-path наверное не подойдет.

Ответ

Можно использовать svg: