Glitchy interaction when the page is scrolled up and down

Hi everyone,

I am doing this pricing table for a client, and he wants the pricing blocks (grey blocks on top of screen) to collapse to save space when scrolling down, and expand back when scrolling up. I’ve done the interaction but it is glitchy at certain points, especially when you scroll the page with a mouse that has scroll wheel. How can I make it smooth when scrolling?

This pricing table will be pasted onto other pages so I can’t use “while page is scrolling” interaction", and the client doesn’t want to use a trigger button (Show Less/Show More button) to manually expand or collapse the pricing blocks).

Here is my read-only link: Webflow - Albatross Cloud

Live site: Albatross WorkSpaces Legal Plans

Thank you for your help!