Динамическое/адаптивное решение для перекрывающихся элементов div ⇐ CSS

[Anonymous]

Я разрабатываю все больше и больше сайтов, дизайн которых включает перекрывающиеся элементы, например текстовое поле с изображением поверх него.
Это пример того, что я делаю. пытаюсь выполнить:


Я пытаюсь найти для него хорошее решение, которое можно было бы легко сделать адаптивным, а не сломаться, если контент-менеджер решит, например, сделать текст длиннее. И желательно, чтобы их можно было легко анимировать или сделать параллаксом.
На данный момент я использую отрицательный запас для второго элемента:

Код: Выделить всё

Но, вероятно, это не очень хорошее решение. Заранее прошу прощения, если этот вопрос здесь часто задают.

Подробнее здесь: https://stackoverflow.com/questions/539 ... pping-divs