/* Make sure only THESE cards are affected */
.carousel-container .guest-records-container .guest-card {
  box-sizing: border-box;
  /* 1) Neutralize Tailwind's md:min-w-[60%] */
  min-width: 0 !important;
  /* 2) Provide a base width for mobile */
  flex: 0 0 90% !important;
  width: 90% !important;
}

/* sm ≥ 640px */
@media (min-width: 640px) {
  .carousel-container .guest-records-container .guest-card {
    flex-basis: 75% !important;
    width: 75% !important;
  }
}

/* md ≥ 768px */
@media (min-width: 768px) {
  .carousel-container .guest-records-container .guest-card {
    flex-basis: 90% !important; /* matches your current intent but is overrideable */
    width: 90% !important;
  }
}

/* lg ≥ 1024px */
@media (min-width: 1024px) {
  .carousel-container .guest-records-container .guest-card {
    flex-basis: 90% !important;
    width: 90% !important;
  }
}

/* xl ≥ 1280px */
@media (min-width: 1280px) {
  .carousel-container .guest-records-container .guest-card {
    flex-basis: 90% !important;
    width: 90% !important; /* ~3 cards visible */
  }
}