@keyframes animation {
  from {
    background-position: 125% 70px, 0px 0px, 0px 0px, 0px 0px;
  }
  to {
    background-position: -110% 70px, -3100px 0px, -1550px 0px, -1550px 0px;
  }
}

.background-first {
  /* width: 100%; */
  height: 110vh;
  background: url('../img/moon.png') 125% 70px no-repeat, url('../img/upper-stars2.png') 0px 0px repeat, url('../img/lower-stars2.png') 0px 0px repeat, url('../img/blue-nebula-large.png') 0px 0px repeat rgb(7, 25, 35);
  background-size: initial, cover, cover, cover;
  background-blend-mode: normal, normal, normal, color-dodge;
  animation: animation linear 50s infinite forwards;
}