How can I fix my pop-up mouse click interaction?

This is an interactive map.
If you hover over an icon, you should see a description of the content you will find there.
I’m trying to make fact boxes that pop up when you click on the buoys in the water (e.g., Colombia).
Screen Shot 2020-06-04 at 1.57.21 PM

The ‘fact boxes’
They are set to hidden but when you load the page, they are all visible. When you dismiss them, the interaction to show them also doesn’t work. I am new to using interactions - I just tried to follow a tutorial.

If you click on the “pirate” ship, you can see the behaviour I was expecting.

Here is my public share link: https://preview.webflow.com/preview/tesoros-tropicales-june-4?utm_medium=preview_link&utm_source=designer&utm_content=tesoros-tropicales-june-4&preview=04dcfe9f0ab9cf9e89ce4731ff35d80e&pageId=5ed926759177091662bf6c41&mode=preview

Here is the published link: https://tesoros-tropicales-june-4.webflow.io/home-copy