/* ☄️ ASTEROID BELT */

.asteroid-belt {
  position: absolute;

  /* ПОЛОЖЕНИЕ */
  left: 100px;
  top: 840px;

  /* РАЗМЕР */
  width: 900px;
  height: auto;

  /* ПРОЗРАЧНОСТЬ */
  opacity: 0.85;

  /* Астероиды за текстом */
  z-index: 1;

  /* Не мешают нажимать кнопки */
  pointer-events: none;

  /* Плавное движение */
  animation: asteroidFloat 10s ease-in-out infinite;
}

@keyframes asteroidFloat {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

@media screen and (min-width: 769px) {
  .asteroid-belt {
    left: 5.208333vw;
    top: 90vh;
    width: min(900px, 46.875vw);
  }
}