Webflow + Spline not working properly

Hello, I have a strange problem that I can’t seem to understand. I have a menu that is hidden under a burger icon. In it i have the links and some more information and visual “stickers”.

I wanted to make these sticker in 3d, so i tested the spline integration and it seems to be doing the work. Only problem is that when i publish the site and open the menu the 3d element is there the first time, then I close it and open it again and the 3d element has disappeared.

Any help would be appreciated.

here is a video of whats happening: Loom | Free Screen & Video Recording Software | Loom


Here is my site Read-Only: https://preview.webflow.com/preview/kid-design?utm_medium=preview_link&utm_source=designer&utm_content=kid-design&preview=4d0e8316b9268e9178b8ac0ea1ea3df5&locale=en&workflow=preview

it seems that it has something to do with the postition. When i use inspect on google chrome and toggle the position part on/off it reappears. if the positions relative it seems to solve it.
Screenshot 2024-03-15 at 10.12.42