.parallax {
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-perspective: 300px;
    perspective: 300px;  
  }

  .parallax__group {
    position: relative;
    height: 100vh;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }

  .parallax__layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .parallax__layer--fore1 {
    -webkit-transform: translateZ(90px) scale(.71);
    transform: translateZ(10px) scale(.99);
    z-index: 4;
  }

  .parallax__layer--base1 {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 2;
  }

  .parallax__layer--back1 {
    -webkit-transform: translateZ(-300px) scale(2);
    transform: translateZ(-75px) scale(1.4);
    z-index: 3;
  }

  .parallax__layer--deep1 {
    -webkit-transform: translateZ(-600px) scale(3);
    transform: translateZ(-150px) scale(1.6);
    z-index: 1;
  }
  
  
  .parallax__layer--fore {
    -webkit-transform: translateZ(90px) scale(.71);
    transform: translateZ(90px) scale(.71);
    z-index: 1;
  }

  .parallax__layer--base {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 4;
  }

  .parallax__layer--back {
    -webkit-transform: translateZ(-300px) scale(2);
    transform: translateZ(-20px) scale(1.1);
    z-index: 3;
  }

  .parallax__layer--deep {
    -webkit-transform: translateZ(-600px) scale(3);
    transform: translateZ(-50px) scale(1.2);
    z-index: 2;
  }

/* body styles */

  body, html {
    overflow: hidden;
  }

  body {
    font: 100% Arial;
  }
  #parallax-container img, #parallax-container2 img #parallax-container3 img { width: 100%;}

  * {
    margin:0;
    padding:0;
  }

  .parallax {
    font-size: 200%;
  }


  /* style the groups
  --------------------------------------------- */

  #group1 {
    z-index: 1;
  }
  
  .group1_1 {
    position: absolute;
    top:43%;
    left:0%;
  }
  .group1_2 {
    position: absolute;
    top:50%;
    left:0%;
  }
  .group1_3 {
    position: absolute;
    top:5%;
    left:0%;
  }
  .group1_4 {
    position: absolute;
    top:25%;
    left:0%;
  }
  
  #group2 {
    z-index: 3; 
  }

  .group2_1 {
    position: absolute;
	top:100%;
    left:0%;
  }
  .group2_2 {
    position: absolute;
    top:90%;
    left:0%;  
  }
  .group2_3 {
    position: absolute;
    top:65%;
    left:0%;  
  }
  .group2_4 {
     position: absolute;
    top:70%;
    left:0%;  
  }