Hover image overlay transition that doesn't affect text

Hi all,

I’ve got a design that calls for an image to be used as a background behind some text and a button. Initially the background image would have a semi-transparent color overlay and then on hover the overlay would disappear. I’ve tried a couple different things but can’t seem to get it to work. Any ideas?

Thanks in advance!

Derek


Here is my public share link: LINK
(how to access public share link)

Hey @ederekl,

Here’s a detailed tutorial on how to do it correctly https://webflow.com/blog/how-to-create-a-thumbnail-overlay

Hope it helps.

Best,
Naweed