more & more (twice) loading screenz

hi someone asked me to make thiz i didnt know which gif they wanted so here heiwanan

<style>

body:before {

    content: " ";

    height: 100vh;

    width: 100vw;

    display: block;

    position: fixed; 

    top: 0; 

    left: 0; 

    z-index: 100;

    background-image: url('https://media3.giphy.com/media/Pmvb6NmhCe0p56472S/giphy.gif?cid=6c09b95284b88ykmuesfemdicia1kkjn184sgzin6u5iqe34&ep=v1_internal_gif_by_id&rid=giphy.gif&ct=g');

    background-size: cover;

    background-repeat: no-repeat;

background-position:center;

    animation: yourAnimation 2s ease 0s 1 normal forwards;

    pointer-events: none;

}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>

<style>

body:before {

    content: " ";

    height: 100vh;

    width: 100vw;

    display: block;

    position: fixed; 

    top: 0; 

    left: 0; 

    z-index: 100;

    background-image: url('https://media2.giphy.com/media/ehIt8o7ZFeyZc7J0dv/giphy-downsized.gif');

    background-size: cover;

    background-repeat: no-repeat;

background-position:center;

    animation: yourAnimation 3s ease 0s 1 normal forwards;

    pointer-events: none;

}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>

<style>

body:before {

    content: " ";

    height: 100vh;

    width: 100vw;

    display: block;

    position: fixed; 

    top: 0; 

    left: 0; 

    z-index: 100;

    background-image: url('https://media2.giphy.com/media/dupcBVGylr8QguX3oR/200w.gif');

    background-size: cover;

    background-repeat: no-repeat;

background-position:center;

    animation: yourAnimation 3s ease 0s 1 normal forwards;

    pointer-events: none;

}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>