What's the easiest way to replicate the scroll animation they are doing? (the big with the big green circle expanding in height)

I've looked at their source, looks to be a <div> which upon scroll updates the --root-vars (whcih is then used for the transform/scale css ruules)

    --component-position: 0px;
    --shape-position: 714px;
    --image-height: 712px;
    --offset-image-wrapper: 1248px;
    --offset-middle-image-value: 219.667;
    --scroll-position: 530px;
    --opacity-value: 0.507736;

Unfortunately the actual implementation is all hidden in the common.min.js behind the data-android-component-config

{'small': {'easeShape': 0.005}, 'medium': {'easeShape': 0.002}}

I'm just curious if there's any libraries which handle all the breakpoints,animations, style updates without needing to reinvite. For something so face-value trivial, the Google implementation sure has a lot of edge cases I can see they handle in their "setAnimations_" code.