Current scrolling position help

So on this page I have text and images that animate when the current scrolling positions is a certain points.
But when i have made the page responsive to all screen sizes ive found that the current scrolling position is slightly different is there a way to fix this or will i have to put on the workflow formula to only animate when on a bigger screen size and have a separate workflow to animate the elements on a smaller screen just seems so long winded.

Please let me know if you have any questions.

Thanks.

you could reference a certain group and create a conditional like: when current scrolling position is group xy’s height → action

@elismith456 you can do this with some simple javascript.