Modal animation lags when run for the 1st time

Im new to building websites and I have been trying out the custom modal animations, here in my website I used 3 div blocks to make a menu bar and made the animation trigger to it.

My issue is that even though I have made a very smooth animation of modal open and modal close and it works perfectly as well except on the first run that is when i reload the live website or open the website on a fresh page the first time i open the modal the content inside of it doesn’t fade in as its supposed to

Read only link - Webflow - karankarajagi