Double Hover Effect

The challenge here is to reveal an image on first hover and remove the image on the second hover. Sounds simple, but it takes a sequence of triggers and invisible elements to control the interaction from happening when it's not intended. This was posted in response to a question on the forum. https://discourse.webflow.com/t/how-to-show-an-image-on-first-hover-and-then-hide-it-again-on-second-hover/187065 There is also a video walk through. https://www.loom.com/share/10c2517552524885a0510b932412f8a6