Strange flicker occurring on menu open on safari and mobile

I’m experiencing a strange menu flicker the first time the menu is opened on safari or on mobile after a page load.

I have created a navbar and added a hamburger menu icon lottie animation and a background overlay, both connected to opening and closing of the menu. Apart from the flicker it works well.

I haven’t had any luck being able to find the cause of the problem. Does anybody have any ideas or suggestions?


Here is my public share link: Webflow - Kognitive

Here is the webpage where the phenomenon can be observed: https://kognitive.webflow.io/

Here is a loom video showing strange flicker in safari: Strange menu flicker | Loom