Additional top margin is showing up after publish and not in design or preview mode

The site I created, the home page has images sourced from a CMS collection. I managed to get it to be a sticky scroll, and looks and performs as expected on the design mode and on preview.

However, when published, I see something that doesn’t exist on the design AND preview, BUT shows up published → an extra top margin (images are supposed to scroll all the way to the top, but doesn’t, until the last image of the set comes into view).

I added a black bgd just so I know it’s coming from that div and not the top image.

What could I be doing wrong? How do I fix it, so that the second, and consecutive images butt up to the top of the margin?


vs

Please HELP! Thank you very much ahead of time!


Here is my site Read-Only: [LINK][1]
([how to share your site Read-Only link][2])

[1]:
[2]: https://university.webflow.com/article/sharing-your-sites-read-only-link

I fixed it. it was in my embedded code for the sticky CMS to work. Disaster averted (drama).

top: calc(var(–offset) + 0%);

(I had it at 20% before)

Thank you.