.animated {
  .travel_agency {
    #hand_1 {
      animation-name: hand_1_animation;
      animation-duration: 2s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-direction: alternate;
      transform-origin: 4958px 3942px;
    }

    #hand_2 {
      animation-name: hand_2_animation;
      animation-duration: 2s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-direction: alternate;
      transform-origin: 6211px 3942px;
    }

    #eye {
      animation-name: eye_animation;
      animation-duration: 2s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      transform-origin: 5774px 3090px;
    }
  }
}

@keyframes hand_1_animation {
  0% {
    rotate: 0deg;
  }
  50% {
    rotate: 0deg;
  }
  90% {
    rotate: 15deg;
  }
  100% {
    rotate: 15deg;
  }
}

@keyframes hand_2_animation {
  100% {
    rotate: 5deg;
  }
}

@keyframes eye_animation {
  0% {
    scale: 1 1;
  }
  90% {
    scale: 1 1;
  }
  95% {
    scale: 1 0;
  }
  100% {
    scale: 1 1;
  }
}
