CSS Scroll-driven で「フェード＋ズーム」

スクロールで要素（今回は画像）が画面に入って、
スクロールしていくと徐々に大きく＆はっきり表示されるようになっていき、
要素が画面の50%まできたら、画像の大きさが100%の大きさになって動きが終了します。