Different Page-Scroll-Keyframes for Desktop & Mobile

Hey forum-gang,

my desktop breakpoint has a shorter vertical height than mobile. I noticed that it’s messing with my page scroll animations.

Quick Example:
Let’s say we are at the 60% desktop keyframe.
On mobile breakpoint it’s the 30% keyframe, because mobile has much more vertical height.

When an animation is showing on one breakpoint, it’s not on screen at the other breakpoint.

Is there any way to have change animation just for mobile and not for the other breakpoints? Or at least change the keyframe-relation to REM or px?

Adjusting the vertical height individually messes up the animation speed.