Change scroll offset for different breakpoints

I want to change the scroll offset based on the device.

There is a certain section in my website where i have elements lined up horizontally with an offset of 60% for the elements to animate into view.

But on mobile these sections are arranged vertically, and the offset feels off. I want to move it to 40% on mobile, and keep it 60% on desktop.

Any idea how to achieve this?

https://maxwell-blessens-five-sta-f6a34106406a6.webflow.io/


Here is my public share link: LINK
(how to access public share link)