Hello, I am trying to place a few text blocks over an image. Here is a share of my site:
The 1st section has a video. The second second is the section I am working on. The third section is a jpg mockup of what I am trying to achieve.
The video section and bottom section have a tag that sets the section to scale to the size of the browser window (responsive). I want this effect, but not sure if the tag needs to be there.
In the second section I have the image I want as a background image for the container. The text is in a column in a div which has a top margin to place the text.
How can I get the background image to cover the whole section? (like the way the 1st section and last section are). Also, am I using the right display settings in the div block for placing the text? Again, I am looking for the end result to look like the jpg mock up in the section below.