Having issues with hover

Hi,

I am having issues with hover function. I was planning to have a home page where you can see the categories first and then when you hover on the category that you want to see, the image slides up and you get to see the picture (Linkbox) underneath it. then you can click the linkbox to see the full page. But my issue is, when I press the “eye icon” to see what it looks like, the image of the category is not there until I hover over it. then it appears. Does anyone know how to fix the issue?

Here is my site Read-Only: https://preview.webflow.com/preview/sallys-portfolio-1?utm_medium=preview_link&utm_source=designer&utm_content=sallys-portfolio-1&preview=595820d9150288006b902b484d81ad09&mode=preview

Sounds like it’s working as you intended it to? Maybe i’m reading this wrong.

Looks like the animations are breaking and the hover does not work unless the mouse cursor is left in the lower section of the div.

Have you tried this Webflow tutorial? It should work for you with this method.

https://webflow.com/blog/how-to-create-a-thumbnail-overlay

Keep us posted!