Как сделать зум текст отдельно от картинки для перехода в следующий блок, как на примере?

Question

[Тест Тестов]

Нужно вставить в текст картинку и при скролле увеличивать текст отдельно от картинки, которая является фоном следующего блока вот, что должно получиться - https://imgur.com/a/ALidsgw.

Как мне это сделать в моем коде на GSAP?
https://codepen.io/Akim41k/pen/oNqQVmW

Comments

[Вадим]

Как мне это сделать в моем коде на GSAP?

Переделать реализацию.
Это не фон для текста.
Текст это маска для подложки. При скроле маска увеличивается и в конечном итоге растворяется.
Что то типа как тут https://habr.com/ru/post/349362/

Тут вроде более подробно https://www.sitepoint.com/masking-in-the-browser-w...
Но примеры нужно будет подправить, так как, по крайней мере у меня, не подгружаются ресурсы.

https://codepen.io/dudleystorey/pen/QvvEYQ
Тут осталось только прикрутить увеличение маски при скроле и её растворение