.parallax {
  perspective: 1px;
  
  overflow-x: hidden;
  overflow-y: auto;

  height: calc(100vh);
  transition: 1s;
}

.scroll .parallax
{
  height: calc(100vh);
  transition: 1s;
}
.parallax__layer 
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  width: 100vw;
  min-height: calc(100vh);
  transition: 1s;
}

.scroll .parallax__layer
{
   min-height: calc(100vh);
   transition: 1s;
}

.parallax__group 
{
  position: relative;
  min-height: calc(100vh);
  transform-style: preserve-3d;
  transition: 1s;
}

.scroll .parallax__group
{
  min-height: calc(100vh);

  transition: 1s;
}

.parallax__layer--base 
{
 /* position: relative;*/
  transform: translateZ(0);
}

.parallax__layer--base-content
{
  position: relative;
  transform: translateZ(0);
}

.parallax__layer--back 
{
  transform: translateZ(-1px) scale(2);
  max-height: calc(100vh);
}

.parallax__layer--deep {
  transform: translateZ(-2px) scale(3);
  max-height: calc(100vh);
}

.scroll .parallax__layer--back 
{
  max-height: calc(100vh);
}

.scroll .parallax__layer--deep {
  max-height: calc(100vh);
}

.parallax_g2{z-index: 2;}
.parallax_g3{z-index: 3;}
.parallax_g4{z-index: 4;}
.parallax_g5{z-index: 5;}
.parallax_g6{z-index: 6;}
.parallax_g7{z-index: 7;}