body, html {
  margin: 0;
  overflow: hidden;
  height: 100%;
  background: black;
}

/* CONTENEDOR 3D */
.scene {
  perspective: 1000px;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

/* CAPAS */
.layer {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  will-change: transform;
  transform-style: preserve-3d;
}

/* PROFUNDIDAD */

.back  { background-image:url('../assets/capa1-1.png'); }
.far   { background-image:url('../assets/capa2.png'); }
.mid   { background-image:url('../assets/capa3.png'); }
.dust2 { background-image:url('../assets/capa7.png'); }
.front { background-image:url('../assets/capa4.png'); }
.dust { background-image:url('../assets/capa5.png'); }

/* CANVAS */
canvas {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}