Как создать див блок, у которого background изображение, сверху наложение линейного градиента, а также блок содержит текст?

Question

[Free_Zharick]

Вот так я это всё дело сделал. Но при изменении текста меняет своё положение градиент, так как он идёт псевдоклассом :after. Нужно чтобы блок и градиент не меняли своё положение при изменении контента блока. Спасибо!

Answer 1

[Андрей Федоров]

codepen.io/aliencash/pen/NxjLgW

Answer 2

[Алексей Струков]

Может лучше будет градиент наложить в фотошопе на эту картинку?