.s3 {
  position: relative;
  height: 120%;
  background-color: rgb(31, 143, 0);
}

.s3forest {
  position: absolute;
  width: 100%;
  z-index: 10;
  margin-top: 21%;
}

.s3maintree {
  position: absolute;
  width: 62%;
  z-index: 15;
  margin-top: 47%;
  left: 50%;
  transform: translateX(-55%);
  display: none;
}

.s3treeleft {
  position: absolute;
  width: 60%;
  left: -10%;
  z-index: 15;
  margin-top: 32%;
}

.s3treeright {
  position: absolute;
  width: 50%;
  right: 45%;
  z-index: 15;
  margin-top: 32%;
  will-change: transform;
  transition: transform 0.1s ease-out;
}

.s3grass {
  position: absolute;
  width: 100%;
  z-index: 17;
  margin-top: 100%;
  /* height: 100%; */
  height:1470px;
  object-fit: cover;
  object-position: top; 
}

.s3treetext {
  position: absolute;
  width: 37%;
  z-index: 16;
  margin-top: 97%;
  left: 50%;
  transform: translateX(-50%);
}

.s3counter {
  position: absolute;
  width: 40%;
  z-index: 17;
  margin-top: 80%;
  left: 50%;
  transform: translateX(-50%);
}

@media only screen and (max-width: 768px){
  .s3maintree{
    margin-top: 124%;
    width:45%;
    display:none;
  }
  .s3treeleft{
    margin-top: 110%;
    width:45%
  }
  .s3treeright{
    margin-top: 110%;
    width:38%;
    right:31%;
  }
  .s3forest{
    margin-top:95%
  }
  .s3grass{
    margin-top: 158%;
    height:760px;
  }
  .s3counter{
    margin-top: 134%;
  }
  .s3treetext{
    width:60%;
    margin-top:153%;
    z-index: 34;
  }
}