Need help using scroll-driven-animations with position: sticky;

I want my animation to be controlled by it's view() - scale up to 100% once it's 50% in view.

Relative positioning works, but when I made the elements sticky, the view timeline is extended.

Do I need custom animation-range values?

Codepen: https://codepen.io/wesbos/pen/ZEdXzEY…

Source: x.com/wesbos/status/1821957008590831775