Display none is visible in preview

Hi, I have a menu overlay element that is set to display none. However, when in preview, it always shows up? It should only be triggered by clicking the icon on the top right like a traditional hamburger menu trigger. Anyone knows why this is happening? Thank you!

Read only link:
https://preview.webflow.com/preview/ypportfolio?utm_medium=preview_link&utm_source=designer&utm_content=ypportfolio&preview=6acca4ba07ac78d3c72fbca382dc5d06&mode=preview

I deleted the old class on the menu overlay and replaced it with a new one. Also, I went into the hamburger trigger animation, Click - On 2nd Click and made the background visible but not as an initial state. This solved it.