CSS Animation behind content when adding display:none to another div

Question

I have a dropdown menu animated for mobile sizes. It works fine until I add display:none to a completely different div on the page. Now the animation is behind the