Show/hide content clicking different elements using CSS collections

I am creating a interactive map, and I want a way that in devices as tablet and mobile, instead of hovering to see information of the locations I would like to click on the dot and when selecting another only show the last one selected. I am using a CSS collection to bring the data that links the dots, with the respective locations and coordenates.

Here is my site Read-Only: [Webflow - Tend]

If you ant a native Webflow solution, you can use tabs or dropdown in a similar way you created the dots and show this element only on tablet and smaller screens.