Mobile menu animation displays correct on certain pages but not on other pages (VIDEO)

Design help Animations & Interactions
1

Hi,

I have made an animation with the help of a lottieAnimation for my mobile menu.
When you are clicking on the hamburger menu the mobile menu scrolls down into view.

The problem is that the mobile menu gets a bit wonky when you are not on the Contact page. When you click on the hamburger menu the menubar slides into view but the top 2 menu-items are not visible until the animation is done.
It is maybe hard to notice because it goes pretty fast.

GIF:
ezgif.com-gif-maker

Anyone know how to fix this?

https://preview.webflow.com/preview/t-floow?utm_medium=preview_link&utm_source=designer&utm_content=t-floow&preview=a6a34b54ac74be6495e88740590ceb92&pageId=61c085aaf437b2832a7309ba&workflow=preview