/* Base styles for stars */
#stars, #stars2, #stars3 {
  background: transparent;
  animation: animStar linear infinite;
}

.bg-animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0; /* Ensure it is behind content but above the background image */
}

#stars {
  width: 2px;
  height: 2px;
  box-shadow: 10vw 10vh #FFF, 50vw 25vh #FFF, 30vw 40vh #FFF, 25vw 60vh #FFF, 60vw 80vh #FFF, 40vw 50vh #FFF, 70vw 10vh #FFF, 90vw 20vh #FFF, 20vw 30vh #FFF, 40vw 40vh #FFF, 70vw 90vh #FFF;
  animation: animStar 100s linear infinite;
}

#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 10vw 10vh #FFF, 50vw 25vh #FFF, 30vw 40vh #FFF, 25vw 60vh #FFF, 60vw 80vh #FFF, 40vw 50vh #FFF, 70vw 10vh #FFF, 90vw 20vh #FFF, 20vw 30vh #FFF, 40vw 40vh #FFF, 70vw 90vh #FFF;
}

#stars2 {
  width: 3px;
  height: 3px;
  box-shadow: 15vw 15vh #FFF, 60vw 30vh #FFF, 40vw 50vh #FFF, 50vw 70vh #FFF, 80vw 90vh #FFF;
  animation: animStar 150s linear infinite;
}

#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  box-shadow: 15vw 15vh #FFF, 60vw 30vh #FFF, 40vw 50vh #FFF, 50vw 70vh #FFF, 80vw 90vh #FFF;
}

#stars3 {
  width: 4px;
  height: 4px;
  box-shadow: 20vw 20vh #FFF, 70vw 40vh #FFF, 50vw 60vh #FFF, 60vw 80vh #FFF, 90vw 100vh #FFF;
  animation: animStar 200s linear infinite;
}

#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 5px;
  height: 5px;
  background: transparent;
  box-shadow: 20vw 20vh #FFF, 70vw 40vh #FFF, 50vw 60vh #FFF, 60vw 80vh #FFF, 90vw 100vh #FFF;
}

@keyframes animStar {
  from {
      transform: translateY(0px);
  }
  to {
      transform: translateY(-300px);
  }
}

img.nozoom {
  display: block;
  width: 100%;
  height: 100vh;
  object-fit: cover;
}