Image overlay problems

Just doing some finishing touches and I’ve noticed that my image overlay is playing up and I’m wondering if there are any better ways of doing it… I’ve created a div with black background colour and transparency to overlay a section background image so that I could place text over the top.

This works nicely, however, it doesn’t work well with another design element that I have created… I gave the body class a background gradient colour and skewed the sections slightly to reveal the body colour. I love how things works, however, I cannot get the overlay div size to work properly without overlapping the body colour when viewed on different size screens. Does anyone have any suggestions?

Thanks,


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like

Hello @cjordan147

Why not using the image&gradient options? See here > https://www.useloom.com/share/9801e4e074b84b0bb39928a4452afe3a

Piter :webflow_heart:

Thanks for helping a noob out again :joy:

1 Like

No problem! We all learn :blush: