Как можно правильно наложить маску на картинку?

Question

[Александр]

Доброго времени суток. Необходимо выводить картинки в неровных краях, с необычными закруглениями. Попробовать сделать через маску

mask: url(mask-stock.png);
      mask-repeat: no-repeat;
      mask-position: center center;
      mask-size: contain;

В Firefox такое не работае, прочитал что нужно через svg, попробовал картинку конвертнуть в SVG но видно этого недостаточно, как то видимо нужно чтобы объект был как clip-path ..или как то еще)

Какие еще есть способы? Вот пример как должна выглядеть картинка https://yadi.sk/i/aZb01FsHxqoWK

Answer 1

[Олег]

Чего сложого на svg? https://jsfiddle.net/Politonius/91yvqu1b/

Comments

[Александр]

и как мне правильно это наложить на картинку? чтобы она обрезалась по этой маске? с firefox что то не получается