Jitter/Shaking when using re-size page scroll animation

Hey everyone,

Really hoping someone can help point me in the right direction, I’m going mad!

I’ve designed a page scroll animation that shrinks the logo down in height when the page is scrolled down, and grows it back to it’s original size when the page is scrolled up. The logo is sitting in a Navbar at the top of the page which has been set to sticky.

When scrolling the page at a slow/normal rate, the logo seems to get stuck and jitters or shakes like it’s vibrating on the page.

I’ve included a GIF of what I mean =

Please can somebody help me out with where I’m going wrong here?

Here is a read only link to my project;
https://preview.webflow.com/preview/full-spectrum-cleaning?utm_medium=preview_link&utm_source=designer&utm_content=full-spectrum-cleaning&preview=c468d2434881096163bd049ebd950399&workflow=preview


Here is my public share link: https://preview.webflow.com/preview/full-spectrum-cleaning?utm_medium=preview_link&utm_source=designer&utm_content=full-spectrum-cleaning&preview=c468d2434881096163bd049ebd950399&workflow=preview

I’m having a similar issue but the jitter is side-to-side on a resizing animation and appears only on mobile devices. https://norton-motorcycles-replica.webflow.io/

@isavedalex It looks like you might have been using a Size animation as well for the logo. Was that the case?