@keyframes ani1 {
  0% { transform: scale(1); left: 80px; }
  2.5% { transform: scale(1.05); left: 75px; }
  5% { transform: scale(1); left: 80px; }
  100% { transform: scale(1); left: 80px; }
}

@keyframes ani1mob {
  0% { transform: scale(1); left: 50px; }
  2.5% { transform: scale(1.05); left: 40px; }
  5% { transform: scale(1);left: 50px; }
  100% { transform: scale(1);left: 50px; }
}

@keyframes ani2 {
  0% { transform: scale(1); top: 0; }
  2.5% { transform: scale(1.05); top: -7px; }
  5% { transform: scale(1); top: 0; }
  100% { transform: scale(1); top: 0; }
}

@keyframes ani3 {
  0% { left: 40px; }
  25% { left: 80px; }
  30% { left: 40px; }
  100% { left: 40px; }
}

@keyframes ani3mob {
  0% { left: 25px; }
  30% { left: 55px; }
  33% { left: 25px; }
  100% { left: 25px; }
}

@keyframes ani4 {
  0% { top: 45px; }
  2% { top: 40px; }
  3.5% { top: 45px; }
  5% { top: 25px; }
  6% { top: 45px; }
  100% { top: 45px; }
}

@keyframes ani4mob {
  0% { top: 14px; }
  2% { top: 10px; }
  3% { top: 14px; }
  5% { top: 0px; }
  7% { top: 14px; }
  100% { top: 14px; }
}

@keyframes ani5 {
  0% { transform: scale(1); left: 20px; }
  4% { transform: scale(1.01) rotate(-5deg); left: 15px; }
  6% { transform: scale(1) rotate(0deg); left: 20px; }
  100% { transform: scale(1); left: 20px; }
}

@keyframes ani6 {
  0% { transform: scale(1); top: 35px; left: 10px; }
  2.5% { transform: scale(1.05) rotate(-15deg); top: 30px; left: 3px; }
  5% { transform: scale(1) rotate(0deg); top: 35px; left: 10px; }
  100% { transform: scale(1); top: 35px; left: 10px; }
}

@keyframes ani6mob {
  0% { transform: scale(1); top: 10px; left: 0px; }
  2.5% { transform: scale(1.05) rotate(-15deg); top: -5px; left: -7px; }
  5% { transform: scale(1) rotate(10deg); top: 10px; left: 0px; }
  100% { transform: scale(1); top: 10px; left: 0px; }
}