@keyframes tilt-left {
  0% {
    transform: rotate(0);
  }

  10% {
    transform: rotate(8deg);
  }

  30% {
    transform: rotate(-20deg);
  }

  50% {
    transform: rotate(0);
  }

  70% {
    transform: rotate(-6deg);
  }

  100% {
    transform: rotate(0);
  }
}

@keyframes tilt-right {
  0% {
    transform: rotate(0);
  }

  10% {
    transform: rotate(0);
  }

  20% {
    transform: rotate(-8deg);
  }

  40% {
    transform: rotate(20deg);
  }

  60% {
    transform: rotate(0);
  }

  80% {
    transform: rotate(6deg);
  }

  100% {
    transform: rotate(0);
  }
}

@keyframes stack-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes stack-down {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(20px);
  }
}