Loading Animation Skipping Steps?

I have an animation called “loading-animation” that, after the page loads, is supposed to display a black overlay, reveal some text, fade out, and then show the main page elements. The problem is that the black overlay and its interior elements, do not appear at all while the main page elements work just fine.
I’ve double checked my interactions and triggers, and the entire animation works when I click the “Preview” button, just not in the Preview Window, or the Published Site. HELP?!


Here is my public share link: LINK
(how to access public share link)

Found the solution! I had another interaction with some initial states that conflicted with the initial states in the “loading-animation” interaction.