.palm-right {
  position: fixed;

  bottom: -40px;
  right: 0;

  transform: rotate(90deg);
  transform-origin: 50% 50%;

  height: 70%;
  width: auto;
}


.palm-left {
  position: fixed;

  bottom: -15%;
  left: -8%;

  transform: rotate(45deg);
  transform-origin: 50% 50%;

  height: 50%;
  width: auto;

  transition: left 1s, opacity 1s;
}

.palm-center {
  position: fixed;

  /* bottom: -40%; */
  bottom: -100%;
  left: 30%;

  transform: rotate(0deg);
  transform-origin: 50% 50%;

  height: 70%;
  width: auto;

  transition: bottom 1s;
}

.palm-right-top {
  position: fixed;

  top: 10%;
  right: 0%;

  transform: rotate(-35deg);
  transform-origin: 50% 50%;

  height: 70%;
  width: auto;

  transition: right 1s, opacity 1s;
}


/* .palm-right-top:hover {
  right: -20%;
} */

.palm-left-top {
  position: fixed;

  top: -13%;
  left: -30%;

  transform: rotate(60deg);
  transform-origin: 50% 50%;

  height: 70%;
  width: auto;

  transition: left 2s, opacity 1s;
}


.palm-center-people {
  position: fixed;

  bottom: 0%;
  left: 50%;

  transform: translate(-50%, 0%);

  /* transform: rotate(0deg); */
  transform-origin: 50% 50%;


  height: 40%;
  /* width: 50%; */

  transition: bottom 3s;
}