Animation of an element changes the position of another element

Hello, I am having an issue with animation. I have an animation set on one element of the site (the hamburger menu) that prompts a modal popup, and another animation that prompts the popup of another modal (the album cover). Both animations function perfectly on their own, however, once the hamburger animation is run, the position of the album cover modal changes from fixed to absolute, causing its animation to not function properly. Is this a bug or an error with my structure? Thanks!

Here is the read only link: