.main-image {
  height: 80%;
  margin: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  cursor: pointer;
  transition: height 200ms linear;
}

.main-image:hover{
  height: 83%;
}
.hand {
  position: fixed;
  left: calc(50% - 720px);
  bottom: 0;
}
 

 .orb{
  position: absolute;
  top: 50%;
  cursor: pointer;
  left: 10%;
  transform: translateY(-50%);
 }

@media only screen and (max-device-width: 900px){
  .main-image{
    height: auto;
    width: 80%;
    transition: none;
    transition: width 200ms linear;
  }

  .main-image:hover{
    height: auto;
    width: 83%;
  }
  .hand{
    width: 80%
  }

   .orb{
  position: absolute;
  top: 10%;
  cursor: pointer;
  left: 50%;
  transform: translateX(-50%);
 }
}