Synced Webflow Sliders prevent Navbar Menu to open

Ok so here is the thing. I am currently working on this style guide for my website. I am using @samliew code example (How to Sync Webflow Sliders) to sync my sliders and it’s working like a charm. But whenever I insert this code to my pages the built-in navbar isn’t working anymore. When I click on the button, the menu is peaking out and then instantly hiding. It’s like trying to catch abra in pokemon, but the damn nav menu is always using teleport…

I then tried to wrap a

$( document ).ready(function() {
});

around his code, this made the navbar working again but not the slider. Maybe anyone of you got an idea of how to fix this?

Read-only link:
https://preview.webflow.com/preview/limbus-landing-page?utm_medium=preview_link&utm_source=designer&utm_content=limbus-landing-page&preview=adf73b1c4e3e7786dd11d5d44d513c39&pageId=5e614dedd7fd1771f37051ca&mode=preview

Here is the uploaded version
https://limbus-landing-page.webflow.io/brand/logo