@keyframes slideDown {
  0%   { transform: translateY(-25%); opacity: 0; }
  10%  { transform: translateY(0); opacity: 1; }
  90%  { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(-25%); opacity: 0; }
}

.animate-slide-down {
  animation: slideDown 10s ease-in-out forwards;
}