Element fades/ flickers after hovering over it

Hi everyone, I’m having a lot of trouble fixing this issue. In my home page, how do I fix the fading of the [Project Main Title] link block when hovering over the [Project] link block. It happens when I move the mouse at the location where the two overlapping each other.

I want the [Project Main Title] to stay when hovering over the two elements, how do I do that? I also tried another way but it just keeps flickering.

Can someone please look at my current interactions and let me know if there’s a better way to do this? Currently I have all the [Project Main Title] set as Display: None and only appear when an user hover in over the [Project]

Send help pleaseee.


Here is my public share link: LINK