Градиент поверх картинки?
Блок в размер картинки, у которого два фона - картинка и градиент https://developer.mozilla.org/en-US/docs/Web/CSS/C...
ну или псевдоблок :after над картинкой с абсолютным позиционированием и фоном с градиентом.
много разных способов.
Как вариант 
snippet