.bird {
  background-image: url('../assets/bird-cells.png');
  background-size: auto 100%;
  width: 80px;
  height: 125px;
  animation: fly-cycle 1s steps(10) infinite;
  position: absolute; /* Neu: Bird bewegt sich relativ zum Container */
  top: 0;
  left: 0;
}

.bird-container {
  position: fixed; /* Besser als absolute für globale Koordinaten */
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  width: 80px;
  height: 125px;
}

.bird-container.fly {
  animation: fly-right-one 3s ease-in-out forwards;
  opacity: 1;
}

@keyframes fly-cycle {
  100% {
    background-position: -900px 0;
  }
}

@keyframes fly-right-one {
  0% {
    transform: translate(0, 0) scale(0.3) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translate(300px, -150px) scale(0.3) rotate(20deg);
    opacity: 0;
  }
}