item:hover {
  animation: slotMachine 0.8s ease-in-out forwards
}

@keyframes slotMachine {
  0% {
    transform: translateY(0);
    opacity: 1
  }

  25% {
    transform: translateY(-100%);
    opacity: 0
  }

  50% {
    transform: translateY(100%);
    opacity: 0
  }

  75% {
    transform: translateY(0);
    opacity: 1
  }

  100% {
    transform: translateY(0);
    opacity: 1
  }
}

.content .item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-tran