.bell-wrapper {
  width: 25px;
  height: 30px;
  display: inline-block;
  position: relative;
  margin-left: -5px;
}

.bell-icon {
  width: 100%;
  height: 100%;
  transform-origin: top center;
}

.ringing {
  animation: ringBell 2s infinite;
}

@keyframes ringBell {
  0%   { transform: rotate(0deg); }
  15%  { transform: rotate(15deg); }
  30%  { transform: rotate(-15deg); }
  45%  { transform: rotate(10deg); }
  60%  { transform: rotate(-10deg); }
  75%  { transform: rotate(5deg); }
  100% { transform: rotate(0deg); }
}