.img-mrpoo.pointing-up::before{
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  animation-name: anime_finger_up;
  pointer-events:none;
}

@keyframes anime_finger_up {
  0% { top:0;left:13rem;transform:rotate(0); }
  50% { top:-1rem;left:13.8rem;transform:rotate(5deg); }
  100% { top:0;left:13rem;transform:rotate(0); }
}

.img-mrpoo.pointing-down::before{
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  animation-name: anime_finger_down;
  pointer-events:none;
}

@keyframes anime_finger_down {
  0% { top:8rem;left:13rem;transform:rotate(0); }
  50% { top:11rem;left:14rem;transform:rotate(5deg); }
  100% { top:8rem;left:13rem;transform:rotate(0); }
}


.floating-icon{
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  animation-name: anime_floating_icon;
  pointer-events:none;
}

@keyframes anime_floating_icon {
  0% { transform:scale(1); }
  50% { transform:scale(1.05) rotate(1deg); }
  100% { transform:scale(1); }
}