.image-stack {
  display: flex;
  flex-direction: row;
  gap: 5px; /* space between images */
  overflow-x: auto; /* allows horizontal scroll on small screens if needed */
  padding: 6px;
}

.image-stack img {
  padding: 3px;
  max-height: 50vh;
  height: auto;
  width: auto;
  object-fit: cover;
}

.contain-carousel {
  background-color: bisque;
  margin: 0 auto;
  width: 100%;
}

@media only screen and (min-width: 752px ) {
.image-stack img {
  padding: 3px;
  width: auto;
  max-height: 50vh;
  height: auto;
  object-fit: contain;
}
}