@keyframes drop {
   0%   { transform: translateY(0px);    opacity: 1; }
   50%  { transform: translateY(10px); opacity: 0.8; }
   100% { transform: translateY(0px);    opacity: 1; }
}

@keyframes drop3 {
   0%   { transform: scale(1);    opacity: 1; }
   50%  { transform: scale(1.1); opacity: 0.8; }
   100% { transform: scale(1.0);    opacity: 1; }
}

@keyframes drop2 {
   0%   { transform: rotate(0deg) translateY(0px) scale(1.0);    opacity: 1; }
   25%  { transform: rotate(3deg) translateY(10px) scale(1.1); opacity: 1; }
   50% { transform: rotate(0deg) translateY(0px) scale(1.0);    opacity: 1; }
   75% { transform: rotate(-3deg) translateY(10px) scale(1.1);    opacity: 1; }
   100% { transform: rotate(0deg) translateY(0px) scale(1.0);    opacity: 1; }
}