#education .parallex {
  will-change: transform;
  /* Add other styles */
  pointer-events: none;
  transition: all 0.4s cubic-bezier(0.2, 0.49, 0.32, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.2, 0.49, 0.32, 0.99);
  -moz-transition: all 0.4s cubic-bezier(0.2, 0.49, 0.32, 0.99);
  -ms-transition: all 0.4s cubic-bezier(0.2, 0.49, 0.32, 0.99);
  -o-transition: all 0.4s cubic-bezier(0.2, 0.49, 0.32, 0.99);
}
#education .book-two {
  position: absolute;
  width: 250px;
  top: calc(50% + 150px);
  left: calc(50% + 47vw);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#education .pen-two {
  position: absolute;
  width: 150px;
  top: calc(50% - 150px);
  left: calc(50% + 49vw);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#education .lamp {
  position: absolute;
  width: 260px;
  top: calc(50% + 1vw);
  left: calc(50% - 26vw);
  transform: translate(-50%, -50%);
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#education .circle {
  position: absolute;
  width: 350px;
  top: 50%;
  left: calc(50% - 25vw);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#education .pen-one {
  position: absolute;
  z-index: 3;
  width: 100px;
  top: calc(50% + 16vh);
  left: calc(50% - 13vw);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#education .pen-three {
  position: absolute;
  z-index: 3;
  width: 70px;
  top: calc(50% - 8vh);
  left: calc(50% - 37vw);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#education .book-one {
  position: absolute;
  z-index: 3;
  width: 130px;
  top: calc(50% - 8vh);
  left: calc(50% - 13vw);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#education .clock {
  position: absolute;
  z-index: 3;
  width: 110px;
  top: calc(50% + 16vh);
  left: calc(50% - 34vw);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#education .text {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: calc(50% + 15vw);
  transform: translate(-50%, -50%);
  white-space: nowrap;
  pointer-events: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
@media only screen and (max-width: 768px) {
  #education .book-two {
    width: 150px;
    top: calc(50% + 150px);
    left: calc(50% - 47vw);
  }
  #education .pen-two {
    width: 80px;
    top: calc(50% - 150px);
    left: calc(50% + 49vw);
  }
  #education .lamp {
    width: 210px;
    top: calc(50% - 20vh);
    left: calc(50% - 1vw);
  }
  #education .circle {
    width: 280px;
    top: calc(50% - 19vh);
    left: 50%;
  }
  #education .pen-one {
    width: 80px;
    top: calc(50% - 6vh);
    left: calc(50% + 27vw);
  }
  #education .pen-three {
    width: 50px;
    top: calc(50% - 25vh);
    left: calc(50% - 25vw);
  }
  #education .book-one {
    width: 110px;
    top: calc(50% - 25vh);
    left: calc(50% + 27vw);
  }
  #education .clock {
    width: 90px;
    top: calc(50% - 8vh);
    left: calc(50% - 27vw);
  }
  #education .text {
    top: calc(50% + 20vh);
    left: 50%;
  }
}