I need to change the scaleY of a text on scroll, like the first fold of this website: https://nof.ch/
I need also the content that is below the animation to adapt to the size of the text in real time (see image).

Two questions:

– For now, I’m not able to make the text below adjust with the scaleY. Here’s what I have so far. How can I do that?

– What is the best way to do a smooth animation – and therefore avoid the lag we can see in the first link I sent? css, canvas or p5.js?