.mySwiper {
  width: 100%;
  padding-bottom: 3rem !important; /* Make room for pagination */
}

.mySwiper .swiper-slide {
  height: auto; /* Allows cards to stretch to the same height */
  display: flex;
}

.mySwiper .swiper-slide > article {
  flex: 1;
  width: 100%;
}

/* Customizing navigation colors */
.mySwiper .swiper-button-next,
.mySwiper .swiper-button-prev {
  color: #18181b; /* zinc-900 */
}

.mySwiper .swiper-pagination-bullet {
  background: #71717a; /* zinc-500 */
  opacity: 0.5;
}
.mySwiper .swiper-pagination-bullet-active {
  background: #18181b; /* zinc-900 */
  opacity: 1;
}