[Help please] Strange offset on initial page loading

Hi everyone!

I was hoping to get some help with the responsive state of my home page and serving suggestions pages.

The site is set as 2 column, where the columns scroll in reverse directions and meet / pass their counterpart. Within this custom style we’re currently having an issue where the pages don’t align on load. The screenshot below shows the issue. There are similar alignment issues on an internal page, where things aren’t snapping correctly.

What I don’t understand is that these issues are fine in the webflow designer, and dissapear when I take my browser to developer / inspect mode (screenshot below).

Any tips as to why this is happening? And how we might be able to fix it?

https://drinkmarymary.webflow.io/
https://drinkmarymary.com