!!SOLVED!! In need of loading screen help!!!! [closed]

im tryna make a bonnie jumpscare loading screen but no matter what code or gif I use it'll only show up for a frame I rlly dont know what to do or what other code could be interfering with it, here's the code I have for the loading screen rn, any help would be appreciated!!!

<style>

  body::before {

    content: " ";

    height: 100%;

    width: 100%;

    display: block;

    position: fixed; 

    top: 0; 

    left: 0; 

    z-index: 800;

    background-image: url('https://media1.tenor.com/m/YQLFyGPIzDYAAAAC/five-nightsat-freddys-bonnie.gif');

    background-size: cover;

    background-repeat: no-repeat;

    background-position:center;

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

    pointer-events: none;

  }

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

</style>