This members-only tutorial provides the steps to set up a responsive hero section in Oxygen with text overlaid on top.
We shall use an <img> element vs setting an image as cover background to ensure proportional scaling of the image.
At a smaller breakpoint, the text will be set to appear below the image.
Step 1
Edit your Page/Template in Oxygen in which you would like to add the responsive image with text overlay.
Step 2
Add a Section.
Text Color: #ffffff