Hover Interaction - Keep new div open

Hi folks,

I did a search on the forums and couldn’t find another similar answer so am hoping for any help. I created a hover interaction on the Company page of a client’s site to show the bio once you hover over the image of the leadership team.

That part is working great, but I wanted to see if there is a way to allow the div that opens up on hover to stay open when you move over and hover on it. Right now they have overlap, I tried adding interactions to the new div but that didn’t seem to work. Any help would be appreciated!

Also, I added a tap interaction for tablet & mobile along with the hover and when you click you open up the bio, but if you click another bio it open that one and they start to overlap - is there a way to easily close other divs when you click a new bio image?


Here is my public share link: https://preview.webflow.com/preview/epic-sciences?utm_source=epic-sciences&preview=1bab021ee333c67e144085400825e240