HTML/CSS hero section (text on top of image)

CSS hero section where we have text on top of the image.
We will implement this with plain CSS and make sure it works for any kind of image, both light and dark-coloured images.
We'll also see how to position the text (or content) of the hero section.