.mobile {
  display: none;
}

.desktop {
  display: flex;
}

@media (max-width: 1024px) {
  .mobile {
    display: block;
    animation: fadeIn 0.3s ease;
  }

  .desktop {
    display: none;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

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