Animations reset on Wire:Navigate livewire

Hello, I am trying to make a website using Livewire and the problem I'm having is, there's a lot of things that are animating, my site plays music, but when you navigate (my navbar has wire:navigate) my animations reset, so the navbar buttons don't animate right when clicked, my dvd spinner that plays when music is on resets to the default position, I don't really know how to resolve that, I did the "wire:ignore" but it didn't really solve it, I wonder if maybe the CSS itself is being "Reset" but that is in the head, which should mean it doesn't need to reload it.

I've made a codepen, so that you can see my usage of the code, can anyone help me? https://codepen.io/Lexian-droid/pen/yLdzLGK