Lagging scroll on mobile devices

Okay mates, been a while since I've been active here, but this issue had me trying for so long I need a set of fresh eyes.

Issue is this website I am working on https://treungen.netlify.app/ has a good experience on desktop. the animations are smooth and so is the scrolling behaviour.
On mobile it's not the same. probably cause of it's lack of perfomance from a computer. so I had attempts where I have no animations at all to check the result. but still the performance was just as poor.
More over I checked all assets used if their file size may be to large and that caused it. maybe they do but all images are less than 200kb, so I do not think it is the reason either.
Hopefully you the reader has any tips on where I may find my choking point.

Sharing a image from the build so you can see the sizes of the page and the size of JS.
the website can be viewed from the link above. as well as package.json
Screenshot_from_2024-06-05_13-27-51.png
Screenshot_from_2024-06-05_13-41-08.png
Velkommen til Treungen festivalen, En solid opplevelse for og runde av sommeren
Was this page helpful?