/* Scroll-snap image carousel */
.img-carousel {
  --carousel-height: 400px; /* default value */

  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;

  height: var(--carousel-height);
  border: 1px solid var(--pst-color-border);
  border-radius: 0.5rem;
}

.img-carousel .slide {
  flex: 0 0 100%;
  scroll-snap-align: start;

  display: flex;
  justify-content: center;
  align-items: center;
}

.img-carousel img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}