<div class="cloud cloud1">
  <div class="light"></div>
<img  src="https://images.vexels.com/media/users/3/145795/isolated/preview/05cd33059a006bf49006097af4ccba98-plane-in-flight-by-vexels.png" /></div>

body {
   background: skyblue;
}
.light {
  width: 10px;
  height: 10px;
  background: red;
  border-radius: 50%;
     bottom: 295px;
  position: absolute;
  z-index: 10;
  left: 20px;
  animation: light 800ms ease-in-out 0s infinite alternate;
}
.cloud {
  position: absolute;
  top: 0px;
  right: -500px;
  opacity: .8;
   animation: cloud 10s linear 0s infinite reverse;
  z-index: 99;
}
@keyframes light {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes cloud {
  from {right:-500px;}
  to {right: 102%;}
}