Как сверстать полупрозрачный слой поверх основания картинки?

Question

[nluparev]

на снимке выше вы видите что основание картинки покрыто накладывающими фигурами которые я не пойму как сделать.
нужно помощь

Comments

[Александр]

Обернуть картинку в div и задать для его псевдоэлементов :before и :after соответствующие стили

[Ankhena]

И вот это в помощь: https://html5book.ru/css3-gradient/
https://jsfiddle.net/Ankhena/hzoskopg/
https://jsfiddle.net/Ankhena/omuc1b0u/