Dynamische/responsive Lösung für überlappende Divs ⇐ CSS

[Guest]

Ich entwickle immer mehr Websites, deren Design überlappende Elemente enthält, zum Beispiel ein Textfeld mit einem Bild darüber.

Dies ist ein Beispiel dafür, was ich zu erreichen versuche:
https://i.sstatic.net/7XSON.jpg

Ich versuche, eine gute Lösung dafür zu finden Es kann leicht reaktionsfähig gemacht werden und geht nicht kaputt, wenn der Content-Manager beschließt, es zu machen zum Beispiel einen längeren Text schreiben. Und vorzugsweise auch leicht animierbar oder parralaxierbar.

Im Moment verwende ich einen negativen Rand für mein zweites Element:

Code: Select all

Aber das ist wahrscheinlich keine gute Lösung.

Ich entschuldige mich im Voraus, wenn diese Frage hier oft gestellt wird.