Как правильно реализовать резиновую SVG маску?

Question

[Саша]

Здравствуйте.
Подскажите пожалуйста, как правильно реализовать резиновую SVG маску, маску в целом?
Пытаюсь реализовать с помощью css свойства: mask: url(#masking);
В данный момент все посыпалось, не понимаю где ошибка в SVG, статьи по материалу разные, реализация так же.
Код который есть на данный момент
Цель реализовать фотографию в пропорциональном треугольнике.

Возможно укажите на ошибку в коде либо поделитесь ссылкой на материал, демку.
Спасибо!

Answer 1

[Flur]

Codepen

Comments

[Саша]

Flur спасибо!
Все оказалось гораздо проще, чем пытался реализовать.
Кстати в статьях обычно много лишнего в сравнении с вашим решением.