@keyframes spaceShipFly {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-7vw, 14vw, 0) scale(0.05);
        transform: translate3d(-7vw, 14vw, 0) scale(0.05);
    }
    /* 50% {
        opacity: 0.5;
        -webkit-transform: translate3d(-1vw, 1vw, 0) scale(0.5);
        transform: translate3d(-1vw, 1vw, 0) scale(0.5);
    } */
    /* 70% {
        opacity: 0.5;
        -webkit-transform: translate3d(0vw, 2vw, 0) scale(0.7); 
        transform: translate3d(0vw, 2vw, 0) scale(0.7);
    } */
    50% {
        opacity: .4;
        transform: translate3d(0vw,-0.5vw, 0) scale(0.75);
        transform: translate3d(0vw,-0.5vw, 0) scale(0.75);
        /* transform: translate3d(0vw, -0vw, 0) scale(0.5); */
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
    }
}


.spaceShipFly {
  transform: translate3d(-7vw, 14vw, 0) scale(0.05);
  /* translate3d(-12vw, 15vw, 0) scale(0.05); */
  opacity: 0;
  -webkit-animation-name: inherit;
  animation-name: inherit;
  animation-timing-function: ease;
}

.spaceShipFly.visible {
  -webkit-animation-name: spaceShipFly;
  animation-name: spaceShipFly;
}

@keyframes satelliteFly {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(-10vw, 10vw, 0) scale(0.05);
      transform: translate3d(-10vw, 10vw, 0) scale(0.05);
  }
100% {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0) scale(1);
      transform: translate3d(0, 0, 0) scale(1);
  }
}
.satelliteFly {
  transform: translate3d(-10vw, 10vw, 0) scale(0.05);
  opacity: 0;
  -webkit-animation-name: inherit;
  animation-name: inherit;
  animation-timing-function: linear;
}

.satelliteFly.visible {
  -webkit-animation-name: satelliteFly;
  animation-name: satelliteFly;
}