.fade-out {
  opacity: 0; /* Hace que la imagen se desvanezca */
}

.fade-in {
  opacity: 1; /* Hace que la imagen aparezca */
}

.swiper-wrapper {
  width: 100%;
  height: max-content !important;
  padding-bottom: 64px !important;
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
  position: relative;
}
.swiper-pagination-bullet {
  background: #4f46e5;
}