body {
  background-image: url("https://file.garden/Zt081Dlnv2qzl6M4/image_2025-05-08_143959260.png");
  background-repeat: repeat;
}
.aquarium {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  pointer-events: none; /* fish don’t block clicks */
  z-index: 1;
}

.aquarium img {
  position: absolute;
  width: 180px;
  animation: swim 22s infinite linear;
}


#gold {
  top: 10%;
  left: -20%;
  animation-duration: 24s;
}

#blue {
  top: 35%;
  left: -30%;
  animation-duration: 20s;
  animation-delay: -6s;
}

#golds {
  top: 60%;
  left: -25%;
  animation-duration: 28s;
  animation-delay: -12s;
}

#fismooch {
  top: 80%;
  left: -35%;
  animation-duration: 22s;
  animation-delay: -9s;
}

@keyframes swim {
  0% {
    transform: translateX(0) scaleX(1);
  }
  25% {
    transform: translateX(60vw) scaleX(1);
  }
  50% {
    transform: translateX(110vw) scaleX(1);
  }
  51% {
    transform: translateX(110vw) scaleX(-1);
  }
  75% {
    transform: translateX(60vw) scaleX(-1);
  }
  100% {
    transform: translateX(0) scaleX(-1);
  }
}