Flying Plane with Parallax Effect demo

HTML

<div class="scene">
    <div class="sky"></div>
    <div class="clouds layer1"></div>
    <div class="clouds layer2"></div>
    <div class="plane"></div>
    <div class="mountains"></div>
  </div>

CSS

/* General scene */
body, html {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

.scene {
  position: relative;
  width: 100%;
  height: 100vh;
  background: linear-gradient(to top, transparent 0%, #92cdf5 100%);
  overflow: hidden;
}

/* Sky (static gradient) */
.sky {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}

/* Clouds (two layers for depth) */
.clouds {
  position: absolute;
  top: 50px;
  width: 200%;
  height: 100%;
  background:...