TEOWTest

/* Keyframes to move the image around the screen */
@keyframes move-around {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(80vw, 0);
  }
  50% {
    transform: translate(80vw, 80vh);
  }
  75% {
    transform: translate(0, 80vh);
  }
  100% {
    transform: translate(0, 0);
  }
}

/* Styling for the moving Rocky image */
.moving-rocky {
  position: fixed;
  top: 0;
  left: 0;
  width: 150px;
  height: auto;
  background-image: url('File:BFDI 1a Rocky.png');
  background-size: contain;
  background-repeat: no-repeat;
  animation: move-around 10s linear infinite;
  z-index: 9999; /* Ensures the image stays on top of other content */
}