CSS element overlap by using relative and absolute position

I often have to do this thing again: Cover one element with another. The key CSS technique is the same every time: The first element is positioned relative, and the second will be marked as absolute. Often it’s a heading or caption that needs to cover an image, sometimes with a translucent background color or…