FVで画像複数をアニメーションさせると出る問題

ファーストビューで、透過画像複数を重ねて表示させると、見栄えのいいFVが出来上がりますが
PV数の多いウェブサイトなどの場合、全ての画像が取得され
画像検索に、人物だけの画像、ロゴだけの画像、背景だけの画像が並び
最悪人物だけの画像がサイトの画像として表示されたりします

       .zind1 {
            background: url(img_09/mofuruback.webp) top right/cover;
        }
        .zind2 {
            background: url(img_09/mofurustand.webp) top right/cover;
        }
        .zind3 {
            background: url(img_09/mofurulogo.webp) top right/cover;
        }
簡単に解決するとこのように、各々をバックグラウンドとして読み込んでしまえば良いのです
背景画像はGoogleのクロウラーは取得しませんので、キーのビジュアルのみsrc=”img”で設置

html側には

<div class=”zind1 anime6 disnone” style=”z-index:1;position: absolute;top:0;width: 100%;height:100%;”>
                </div>
背景として読み込んでいるクラスと、アニメーションを描いてスッキリさせることが出来ます。

忙しくてここを更新している暇がありませんが、手代木先生ありがとうございます。
管理しているサイト全体で年間1億PVになりました