style.css

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.scene{
  position: relative;
  width: 100%;
  height: 100vh;
  background: #01070a;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.scene .rocket{
  position: relative;
  animation: animate 0.2s ease infinite;
}

@keyframes animate {
  0%,100%{
    transform: translateY(-2px);
  }
  50%{
    transform: translateY(2px); 
  }
}

.scene .rocket::before{
  content: '';
  position: absolute;
  bottom: -200px;
  left: 40%;
  transform: translateX(-50);
  width: 15px;
  height: 200px;
  background: linear-gradient(#00d0ff,transparent);  
}

.scene .rocket::after{
  content: '';
  position: absolute;
  bottom: -200px;
  left: 40%;
  transform: translateX(-50);
  width: 15px;
  height: 200px;
  background: linear-gradient(#00d0ff,transparent);
  filter: blur(20px);
}

.scene i{
  position: absolute;
  top: -250px; 
  background: #C0C0C0;
  animation: animateStar linear infinite;
}

@keyframes animateStar{
  0%{
    transform: translateY(0);
  }
  100%{
    transform: translateY(600vh);
  }
}