.butterfly-loader {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999;
  overflow: hidden;
}

.butterfly {
  position: absolute;
  width: 90px;
  left: -120px;
  top: 60%;
  animation: fly 7s ease-in-out forwards, flap 0.3s infinite alternate;
}

@keyframes fly {
  0% {
    left: -120px;
    top: 70%;
    transform: rotate(0deg);
    opacity: 1;
  }

  25% { top: 40%; transform: rotate(15deg); }
  50% { top: 55%; transform: rotate(-10deg); }
  75% { top: 30%; transform: rotate(10deg); }

  100% {
    left: 110%;
    top: 45%;
    transform: rotate(-5deg);
    opacity: 0;
  }
}

@keyframes flap {
  from { transform: scaleX(1); }
  to   { transform: scaleX(0.92); }
}