.rocket img {
    height: auto;
    width: auto;
  }

  @media screen and (min-width:860px) {
    .overlay {
      position: absolute;
      top: 50%;
      left: 30%;
      transform: translate(0);
      z-index: 2;
      animation: overlayAnimation 2.4s linear forwards, floatAnimation 1.4s linear 2.4s infinite alternate;
    }

  }

  @media screen and (min-width:991px)  {
  .cloud {
        max-width: none;
        position: absolute;
        top: -20%;
        right: 28%;
        animation: cloudAnimation 20s linear ;
    }}

  @media (max-width:991px) {
    .rocket img {
      height: 357px;
      width: auto;
      top: 310px;
    }
  }

  @keyframes cloudAnimation {
        0% {
           right: -90%;
        }
        100% {
            right: 28%;
        }
    }

  @keyframes overlayAnimation {
    0% {
      left: 30%;
    }

    100% {
      left: 60%;
      transform: translateY(-60%);
    }
  }

  @keyframes floatAnimation {
    0% {
      transform: translateY(-60%);
    }

    100% {
      transform: translateY(-65%);
    }
  }

  @keyframes slideBottom {
    0% {
      top: 100px;
      opacity: 0;
    }
    100% {
      top: 0px;
      opacity: 1;
    }
  }