.my-shake-animation {
  animation-name: my-shake-animation !important;
  animation-duration: 0.9s !important;
  animation-timing-function: ease-in-out !important;
  transform-origin: top center !important;
}

@keyframes my-shake-animation {
  20% {
    transform: translateY(-2px) rotate(3deg);
  }
  40% {
    transform: translateY(1px) rotate(-2deg);
  }
  60% {
    transform: translateY(-1px) rotate(1deg);
  }
  80% {
    transform: translateY(1px) rotate(-1deg);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .animate__animated {
    animation-duration: 1s !important;
    transition-duration: 1s !important;
  }
  .animate__animated.animate__infinite {
    animation-iteration-count: infinite !important;
  }
}