/* Mobile */
@media (min-width: 300px) and (max-width: 700px) {
  .bus-wrapper{
    margin: 0px 0 -20px 0!important;
  }
  
  .bus-cloud1{
    right: 10px!important;
  }
  
  .bus-cloud2{
    right: 40px!important;
  } 
  
  .bus{
     width: 150px!important;
  }
  
}

.bus-wrapper{
  overflow-x: hidden;
  display: flex;
  margin: 0px 0 -80px 0;
  padding-top: 50px;
}

.object-pos{
  z-index: 1;
  display: flex;
  position: relative;
  margin-left: auto;
  right: -30%;
  animation: bus-travel-desktop 10s linear infinite -1.5s;
}

.bus-cloud1{
  width: 130px;
  height: fit-content;
  right: 40px;
  position: relative;
}

.bus-cloud2{
  width: 100px;
  height: fit-content;
  right: 80px;
  top: -30px;
  position: relative;
}

.bus{
  position: relative;
  transform: translate(0%);
  width: 300px;
}

@keyframes bus-travel-desktop {
  to {
    right: 130%;
    transform: translate(100%);
  }
}

@keyframes bus-travel-mobile {
  to {
    right: 160%;
    transform: translate(100%);
  }
}

[data-inviewport="drive-in"]{
      transition: 2s;
    transform: translate(-100px, 0px);
}

[data-inviewport="drive-in"].is-inViewport { 
    transform: translate(0px, 0px);
}