Text partial overlap of image

Hey folks! I’m trying to create the effect of a partial text overlap. I’m using the columns layout and I’ve set the image to relative with a -10% margin on the left side.

I’m wondering how I might clean this up by:
1 - Text overlaying on top (which isn’t happening right now)
2 - Stretch the image so that it’s not just moving to the left 10% but that it’s increasing in width by 10% as to have equal margin on both sides of the page.

You’ll need to increase the z-index of the text element container (so it sits higher than the image) and make the image 110% wide (to account for the movement to the left).

If you’re still having trouble you can include your read-only link and I’ll take a closer look :v:

This worked great, thank you!

1 Like