 .shadow-top-intensa {
  position: relative;
  z-index: 3;
  background: #000000;
  min-height: 200px; /* garante espaço */
  box-shadow: 0 -20px 20px 40px rgba(0,0,0,1); /* sombra externa só no topo */
}

.footer {
  background-color: #000000;
}

.asteroroid3 {
   position: absolute; /* necessário para mover */
  transition: transform 0.1s linear; /* deixa suave */
  z-index: 1;  
  width: 120px;
  bottom: -100px;
  left: 120px;
}

.asteroroid4 {
   position: absolute; /* necessário para mover */
  transition: transform 0.2s linear; /* deixa suave */
  z-index: 1;
  width: 40px;
  bottom:  30px;
  left: 320px;
}


.asteroroid5 {
   position: absolute; /* necessário para mover */
  transition: transform 0.1s linear; /* deixa suave */
  z-index: 1;
  width: 60px;
  bottom:  0px;
  left: 820px;
}

.asteroroid6 {
   position: absolute; /* necessário para mover */
  transition: transform 0.4s linear; /* deixa suave */
  z-index: 1;
  width: 23px;
  bottom:  20px;
  left: 520px;
}

.asteroroid7 {
   position: absolute; /* necessário para mover */
  transition: transform 0.5s linear; /* deixa suave */
  z-index: 1;
  width: 33px;
  bottom:  20px;
  left: 1020px;
}

.asteroroid8 {
   position: absolute; /* necessário para mover */
  transition: transform 0.06s linear; /* deixa suave */
  z-index: 1;
  width: 133px;
  bottom:  -100px;
  left: 1220px;
}

@media only screen and (max-width: 600px) {
    .asteroroid3 {
   position: absolute; /* necessário para mover */
  transition: transform 0.1s linear; /* deixa suave */
  z-index: 1;
  width: 120px;
  bottom: -100px;
  left: 160px;
}

.asteroroid4 {
   position: absolute; /* necessário para mover */
  transition: transform 0.2s linear; /* deixa suave */
  z-index: 1;
  width: 67px;
  bottom:  30px;
        left: 386px;
}

.asteroroid5 {
   position: absolute; /* necessário para mover */
  transition: transform 0.1s linear; /* deixa suave */
  z-index: 1;
  width: 60px;
  bottom:  0px;
  left: -30px;
}

.asteroroid6 {
   position: absolute; /* necessário para mover */
  transition: transform 0.4s linear; /* deixa suave */
  z-index: 1;
  width: 23px;
  bottom:  20px;
  left: 75px;
}

.asteroroid7 {
   position: absolute; /* necessário para mover */
  transition: transform 0.5s linear; /* deixa suave */
  z-index: 1;
  width: 33px;
  bottom:  20px;
left: 309px;
}

.asteroroid8 {
  display: none;
}

}