Appleのサイトのようなおしゃれなアニメーション実装について(Scroll Metrics)

現在、自分でオリジナルサイトを作ろうとしているのですが、どうせならおしゃれにしたいと思い、いろんなアニメーションを探していました。そこで、Appleのサイトで見つけたアニメーションを実装できたらかっこいいなと思ったのですが、実装方法がわからず困っています。

具体的には以下のサイトで少しスクロールした先にある「A13の画像が拡大し、拡大している背景に動画が見えている。拡大し終わった後に動画がフルスクリーンで流れる」ような処理ができればなあと考えています。

https://www.apple.com/jp/iphone-se/

検証ツール等で探りましたところ[ScrollMetrics]というメソッドが使われているっぽいなあと感じました。
自分でもググりはしたのですがいまいち使い方がわからず・・・

この見立てが正しいのかははっきりとはわかっていませんが、このメソッドで私が希望している動きが実装できるのか、詳しい方にアドバイスいただければ幸いです。

備考:Scrollmagicという別のメソッドで文字の裏で動画を流す処理については実装できております。なので課題としては拡大したあとに動画がフルスクリーンで流れるような処理」ができればいいなあと考えています。
もし、ScrollMetrics以外で実装できるような方法がございましたらご教授いただきたいです。

よろしくお願いいたします。