* {
  box-sizing: border-box;
}

html,
body {
  background-color: white;
}

.parallax {
  -webkit-perspective: 100px;
          perspective: 100px;
  height: 60vh;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-left: 0px;
  /*background-blend-mode: multiply;*/
  -webkit-transform: scale(1.6, 1);
          transform: scale(1.6, 1);
}

.parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-blend-mode: multiply;
}
.parallax__layer img {
  display: block;
  position: absolute;
  bottom: 0;
}

.parallax__layer__0 {
  -webkit-transform: translateZ(-200px) scale(3);
          transform: translateZ(-200px) scale(3);
}

.parallax__layer__1 {
  -webkit-transform: translateZ(-150px) scale(2.5);
          transform: translateZ(-150px) scale(2.5);
}

.parallax__layer__2 {
  -webkit-transform: translateZ(-100px) scale(2);
          transform: translateZ(-100px) scale(2);
}

.parallax__layer__3 {
  -webkit-transform: translateZ(-50px) scale(1.5);
          transform: translateZ(-50px) scale(1.5);
}

.parallax__layer__4 {
  -webkit-transform: translateZ(0px) scale(1);
          transform: translateZ(0px) scale(1);
}