.scene .mountain-one {
  position: absolute;
  bottom: 35vh;
  width: 100%;
  height: 35vh;
  background: #64558c;
  clip-path: polygon(25% 12%, 100% 44%, 100% 100%, 0 100%, 0 35%);
  z-index: 1;
}

.scene .mountain-two {
  position: absolute;
  bottom: 35vh;
  width: 70%;
  height: 30vh;
  right: 0;
  background: #5e4d89;
  clip-path: polygon(63% 10%, 100% 40%, 100% 100%, 0% 100%);
  z-index: 2;
}

.scene .mountain-three {
  position: absolute;
  bottom: 35vh;
  width: 80%;
  height: 35vh;
  left: 0;
  background: #584689;
  clip-path: polygon(32% 30%, 0% 100%, 100% 100%);
  z-index: 3;
}

.scene .mountain-four {
  position: absolute;
  bottom: 35vh;
  width: 70%;
  height: 25vh;
  right: 0;
  background: #513c89;
  clip-path: polygon(82% 52%, 0% 100%, 100% 100%);
  z-index: 4;
}

.scene .grass {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40vh;
  background: #3a3056;
  clip-path: polygon(0 0, 100% 8%, 100% 100%, 0% 100%);
  z-index: 5;
}

.scene .grass-one {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 85%;
  background: #221c33;
  z-index: 6;
}

.scene .grass-two {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 80%;
  background: #191526;
  z-index: 7;
  clip-path: polygon(0 19%, 100% 5%, 100% 100%, 0% 100%);
}