kadai11で実装したページスクロールに合わせたアニメーションの実行を Intersection Observer API を利用した方法で実装してみましょう。
作成
クラス名「 lazy 」を持つ画像を Intersection Observer の監視対象に登録して、各要素が交差するたび（表示領域に入るたび）にクラス名「 loaded 」を追加して、フェードインアニメーションを開始してください。
threshold（しきい値）を設定しないと画像がビューポートと交差した瞬間（ 1px ）に処理が実行されるため、適度なしきい値を指定してください。