@keyframes aurora1 {
  0%,
  100% {
    transform: translate(0px, 0px) scale(1);
  }
  50% {
    transform: translate(100px, 60px) scale(1.2);
  }
}
@keyframes aurora2 {
  0%,
  100% {
    transform: translate(0px, 0px) scale(1);
  }
  50% {
    transform: translate(-80px, 90px) scale(1.15);
  }
}
@keyframes aurora3 {
  0%,
  100% {
    transform: translate(0px, 0px) scale(1);
  }
  33% {
    transform: translate(60px, -50px) scale(1.25);
  }
  66% {
    transform: translate(-50px, 70px) scale(0.85);
  }
}

.animate-aurora-1 {
  animation: aurora1 12s ease-in-out infinite;
}
.animate-aurora-2 {
  animation: aurora2 16s ease-in-out infinite;
}
.animate-aurora-3 {
  animation: aurora3 20s ease-in-out infinite;
}