Hovering over elements did not activate interactions

Hi all, I am running into a couple strange mistakes.

  1. I built an animation for hovering over an element which would cause changes in another element. In this case, when I hover over to “Top Destination”, it changed and showed the CMS items for destinations as expected. But when I went back to “Regions of China”, no changes happened and no trigger of the hovering over animation for regions happened. I have built both hover over and hover out but apparently its not working. For hover out, I hide the destination content and show the region content. It looks like the states are not resetting when you hover over to different tabs.
  2. When we hover to “Top Destination”, it looks like there is a white flash. I am not sure how to fix this.

Here’s my project link:
https://preview.webflow.com/preview/china-uncovered?utm_medium=preview_link&utm_source=designer&utm_content=china-uncovered&preview=e09ef0cb33713b5a8a83ed26760088c9&locale=en&workflow=preview

I am pretty new to Webflow and this is a bit challenging. Appreciate in advance for any help!