Layout of homepage looks good on localhost but not live?

When I publish my site (gatsby site via Netlify) the layout of the live homepage is broken however the localhost homepage is not.

It gets weirder. When navigating to another page on the live site the layout problems are fixed, they are also fixed when I return to the homepage, however, the layout problems return when the page is refreshed.

Screenshot of localhost (correct): https://i.stack.imgur.com/Jgpgz.jpg

Screenshot of live site (broken): https://i.stack.imgur.com/8eCyJ.jpg

I checked developer tools for errors but there were none. I can't for the life of me get a clue on what's going on. Any help?

If it helps my repo is: https://github.com/ColinTS/MountainHouse and my live url is www.singlefintaghazout.com