Horizontal scroll clashing with scroll animations

I have been creating a Horizontally Scrolling landing page following this tutorial.

It’s all been running very smoothly, until I have tried to scale the images While Scrolling Into View.

The image scale animation is working on tablet and mobile, when the horizontal scrolling effect is disabled, but not on desktop when it is enabled. So the issue is stemming from the horizontal scroll animation.

I cannot work out how to achieve both a horizontally scrolling site, with scrolling animations inside of this. Any ideas?


Here is my read-only link: Webflow - Cote-Steak-Campaign-2024

Here is a preview of the site: https://cote-steak-campaign-2024.webflow.io/