I am having trouble with my website when it initially loads. There seems to be a flash of content where the CSS transitions run before the content of the webpage fully loads. To make things more awkward I am having trouble replicating this problem for others to view. One thing I have noticed is that it only occurs on the initial page load, it will load correctly, with no transitions running, if you keep refreshing the page after this.
What I need
Quite simply, I want the site to load without the CSS transitions playing out before the whole page loads. I’m not sure why this would be happening.
I have provided my site, a GIF of the issue that I am talking about, and the code for my website.
Thanks for your help