поверх картинки

Как сделать такой угловой (белый) выступ на картинку? Я понимаю, что возможно придется прибегнуть к SVG-картинке

Мне необходимо с помощью css и его :hover наложить градиент и icon поверх картинкиВыглядеть это должно примерно вот так, у меня же получается это только вот так:

Есть галерея из картинок типа:

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