3D Globe - Create small changes - tooltips showing over pins & container not overflow hidden

General
1

Hi guys! :slight_smile:

I have implemented the 3D Globe, which is outstanding, and my client loves it. The client asked me to make two small changes that I cannot figure out, and I really hope you can help me with them. Below is my description:

  1. Currently, the globe pins are located over the globe tooltip. I have tried to adjust this with custom CSS, but it appears that the JavaScript is still taking priority. Is there any way to ensure that the globe tooltip appears on top of the pins?

Screenshot 2025-03-25 at 12.01.52
Screenshot 2025-03-25 at 12.01.521258×1228 55.2 KB

  1. When hovering over a pin on the lower section of the globe, the tooltip gets cut off by the container. I have already checked the Webflow settings, and there are no overflow: hidden settings applied. Is there any way to prevent it from being cut off?

Screenshot 2025-03-25 at 12.04.21
Screenshot 2025-03-25 at 12.04.211642×926 57.9 KB

Please see the read only link:

Really hope somebody could help me :slight_smile: My client is expecting an answer soon.

Bastian