@keyframes bell-ring {
  0% {
    transform: rotate(0);
  }
  5% {
    transform: rotate(1.4deg);
  }
  10% {
    transform: rotate(-1.0deg);
  }
  15% {
    transform: rotate(0.8deg);
  }
  20% {
    transform: rotate(-0.6deg);
  }
  25% {
    transform: rotate(0.4deg);
  }
  30% {
    transform: rotate(-0.2deg);
  }
  35% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}

.animate-bell-ring {
  animation: bell-ring 2s ease-in-out infinite;
}