.bino-carousel-shell {
  max-width: min(92vw, 560px);
}

.bino-carousel-frame {
  aspect-ratio: 3 / 4 !important;
}

.bino-carousel-slide {
  padding: 0.5rem !important;
}

.bino-carousel-image {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: contain !important;
  image-rendering: auto !important;
}

@media (min-width: 640px) {
  .bino-carousel-shell {
    max-width: 560px;
  }

  .bino-carousel-slide {
    padding: 0.75rem !important;
  }
}

@media (min-width: 768px) {
  .bino-carousel-shell {
    max-width: 600px;
  }

  .bino-carousel-slide {
    padding: 1rem !important;
  }
}