.fullscreen{
    z-index: 0;
    object-fit: cover;
    background-repeat: repeat;
    height: 100%;
}
.flicker-random{
    animation: flickerRandom 3s infinite;
  }

.kitty { 
    position: absolute;
    width: 12.5rem;
    height: auto;
    filter: blur(0.75rem);
    z-index: 1;
    transition: filter 1s ease;
}

.kitty:hover {
    filter: blur(00.25rem);
}
.kitty1 {
    animation: moveKitty1 4s ease-in-out infinite alternate;
}
.kitty2 {
    animation: moveKitty2 3s ease-in-out infinite alternate;
}
.kitty3 {
    animation: moveKitty3 5s ease-in-out infinite alternate;
}
  
  @keyframes moveKitty1 {
    0% {
        top: 80%;
        left: 20%;
      }
    0% {
        top: 45%;
        left: 25%;
      }
     
    50% {
        top: 45%;
        left: 70%;
      }

    100% {
        top: 35%;
        left: 20%;
      }
  }

  @keyframes moveKitty2 {
    0% {
        top: -10%;
        left: 70%;
      }
    0% {
        top: 75%;
        left: 35%;
      }
     
    50% {
        top: 70%;
        left: 30%;
      }

    100% {
        top: 75%;
        left: 70%;
      }
  }
  @keyframes moveKitty3 {
    0% {
        top: 50%;
        left: 65%;
      }
    0% {
        top: 55%;
        left: 70%;
      }
     
    50% {
        top: 60%;
        left: 70%;
      }

    100% {
        top: 55%;
        left: 65%;
      }
  }
 


  @keyframes blur-animation {
    0% { filter: blur(0.5rem); }
    50% { filter: blur(1.75rem); }
    100% { filter:blur(00.75rem); }
}