body { 
  overflow: hidden; 
  margin: 0;
}

#parallax {
  position: relative;
  width: 100%;
  height: 100vh;
  background-image: 
    url('sova_6.png'),
    url('plan1_5.png'),
    url('senca_4.png'),
    url('plan2_3.png'),
    url('plan3_2.png'),
    url('nebo_1.png');
  background-repeat: no-repeat;
  background-position: center;
  background-position: 50% 50%;
  
}

.layer1 {
  background-image: url(nebo_1.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 102%;
  height: 100%;
}

.layer2 {
  background-image: url(plan3_2.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 102%;
  height: 100%;
}

.layer3 {
  background-image: url(plan2_3.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.layer4 {
  background-image: url(senca_4.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 102%;
  height: 100%;
}

.layer5 {
  background-image: url(plan1_5.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: -40px;
  left: 0px;
  width: 102%;
  height: 100%;
}

.layer6 {
  background-image: url(sova_6.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: -40px;
  left: 0px;
  width: 102%;
  height: 100%;
}