Sofisticated animations with show/hide prop not working properly

:wave: Hey there!

I would need help on some animations.
I want to update my website and am currently running in some issues with my animations an some elements triggering the show/hide prop.
When looking at my current site (live) you will find some big project titles in the selected works section. When hovering over those, images will appear in the background. when leaving the “projects-wrapper” by navigating the cursor out of it to the left, top, right, or bottom all images disappear again.
Sadly this is not the case on my updated file. I tried to create a reusable component and somehow it did break this behaviour and I don’t know why.

Does anybody have a solution for this?

Here is my public share link