ぼかした背景に同じ画像を重ねるテキストアニメーション

背景画像が徐々にぼけて、影を入れた同じ画像が浮かび上がるアニメーションです。
「.container::before」疑似要素と「box」クラスにアニメーションを追加し、子要素の画像が徐々に浮かび上がるようにしてます。

UnsplashのDenis Degioanniが撮影した写真

css アニメーションファーストビュー画像

関連パーツ