Horizontal scroll jumps and bugs out

Design help Layout & Design
1

Hi guys.

So, I’ve enabled a horizontal scroll portfolio which works pretty good most of the time. The problem is when a user visits the page initially it jumps and bugs out, yet if I refresh / click the logo which refreshes, it goes to the beginning and works splendidly.

The page in question is this one [site] (https://www.caro.wtf/)

Here is my site Read-Only: [LINK][1]

[1]: [Read-only] https://preview.webflow.com/preview/carolinereiter?utm_medium=preview_link&utm_source=designer&utm_content=carolinereiter&preview=0f79411c67a5ce9ae1818dadd53f97d8&workflow=preview

2

Hi. I believe the initial jump may be occurring due to the relative width of your images. Try setting a min-width or width for your grid-item. Also, you can try to switch Lazy load to Eager load for your images, so they start to load as soon as possible.

The track width is dependent on the content within it. If the images are still loading, they may not be taking up space, causing Webflow to calculate the percentage width of your track incorrectly.