/* Estilos para as transições do carrossel de imagens */
.image-transition {
  transition: all 0.3s ease;
}

.image-exit {
  opacity: 0;
  transform: translateX(-30px);
}

.image-enter {
  opacity: 1;
  transform: translateX(0);
  animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}