Text On Top of Image

Hi, I’m new to Webflow so sorry if this is a really basic question, but I’m having trouble getting the text to lay on top of the image the way I want to, as pictured below:

I wanted to simply overlay the text on top of the image of the background/quote so that the image takes up the whole width of the screen, but I’m not sure how to get the text on top. So then I tried making the background of a div an image and 2 columns, left column: rich text and right column: image of the quote. But the problem with this way is I’m having issues adjusting the line spacing of the rich text - it keeps converting back to 20px.

I’m not sure which way is better or if there’s a better solution, but I’d really appreciate if someone could help, thank you!

https://preview.webflow.com/preview/amandas-portfolio-5ed93c?utm_medium=preview_link&utm_source=designer&utm_content=amandas-portfolio-5ed93c&preview=074278d6a54364ab69784d34059deeb3&pageId=6426252ca8d8b754871ca3fa&workflow=preview

Another approach (and there could be many more) would be to give your parent element relative positioning and your child element (the text to overlay) absolute positioning.

Turns out looking like this: https://css-positioning-d3940a.webflow.io/

Here’s what I did: Webflow - CSS Positioning

1 Like

Thanks so much Chris, I was able to figure it out! I also really appreciate that you even took the time to make an example, thank you~ :face_holding_back_tears: