Hello, this is my first time creating a webflow site and I could use some help making a simple hover animation. Please excuse the messiness of my files! I work as a graphic designer mainly and this is my first time testing things out.
I am trying to create a simple hover animation where a pink gradient would appear over each of these photo tiles on mouse hover. Each photo is stacked under a secondary “window” image that I made. In my design, the gradient is layered under the window image. This helps the edges of the gradient look more feathered/ natural when it fades in. I am able to get the gradient to fade in correctly when I move it on top of the window image, but when it’s underneath, nothing seems to happen even though webflow says the trigger is applied. Any help would be super appreciated, thank you!
Here is my site Read-Only: https://preview.webflow.com/preview/libbys-amazing-site-f44fbc?utm_medium=preview_link&utm_source=designer&utm_content=libbys-amazing-site-f44fbc&preview=05438301c0e3cd8da77059de9ab04b12&workflow=preview