Setting Initial State doesn't seem to work - bug?

I’ve had this problem for a while. I thought this was a bug, however I’ve been following other websites and tutorials that have no problem with this.

I give a div an initial state of -100% move left, however on preview, this is skipped. If I click on it and click again, it then does what I intended it to look like when you first open the page.

I’m following the Geospace webflow style, which I’m sure you all are aware of: https://webflow.com/website/geospace
And so I’m just trying to replicate it to the T at first. However this site actually works with the initial state.

https://preview.webflow.com/preview/wallofwork-00ee88ebfab53a8d3a35180fa4ae?preview=383d01d4f43499fc6b5768e1808ad7ce

Can anyone please have a quick look at this and tell me what I might be doing wrong?

Nevermind, I persued. Turns out, I hadn’t set two more initial states of the pages themselves so they were where they were told to be. Yikes!