Gripes Hand Rotate Effect

/*-----------------------------------------------------*/
/*------------- GRIPES HAND ROTATE EFFECT -------------*/
/*-----------------------------------------------------*/
.gripes-hand {
  -webkit-animation-name: rotate;
  animation-delay: 3s;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-transform-origin: 50% 0%;
  -webkit-animation-timing-function: linear;
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  2% {
    -webkit-transform: rotate(14deg);
  }
  6% {
    -webkit-transform: rotate(-14deg);
  }
  8% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}