Hover in, use elements inside, then hover out

Hi to all. Need some help. I’m trying to make an hover effect, where in hover in the div appears, then we can interact with the elements inside, then it disappears on hover out. Any help will be very appreciated. Thank you

Here is my site Read-Only: LINK
(how to share your site Read-Only link)