Как правильно наложить изображение?

Question

[Arhangel_one]

Нужно разместить изображение поверх фона. Сделал через position: absolute но картинка (с горами) перекрывает текст и z-index не помогает. Как правильно разместить изображение в моем случае ?

Comments

[Ankhena]

Выложите ваш неполучившийся код в песочницу jsfiddle.net или codepen.io
Иначе это задание, а не вопрос.

[Rustam Bainazarov]

1-й слой — градиент.
2-й слой — большой заголовок.
3-й слой — горы.
4-й слой — текстовой блок да мужик.

[Arhangel_one]

Ankhena, https://codepen.io/ant-one/pen/vwMzBo

[Arhangel_one]

Ankhena, Что скажите ?

[RAX7]

Arhangel_one,

.main-header .header-content {
  z-index: 1;
  margin-top: 105px;
  position: relative; /* без этого z-index НЕ РАБОТАЕТ */
}

[Ankhena]

Arhangel_one, блоку с текстом position: relative и z-index 2, мужику z-index 3

Answer 1

[Владимир Юрченков]

Тексту больший приоритет задайте и все

Answer 2

[sunsay78]

!important