/* main sequence container */
.image-sequence {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  margin: 0px !important;
}

/* image container */
.image-container {
  display: inline-flex;      /* use inline-flex so container width matches images */
  justify-content: center;
  align-items: center;   /* top-align to keep captions aligned */
  gap: 10px;
  max-width:60%;
  cursor: pointer;
}

/* base image styling */
.image-container img {
  height: 50vh;       /* adjust this to make images smaller/larger */
  width: auto;
  object-fit: contain;
  display: block;
}

/* two images */
.image-container.two img {
  height: 50vh;
  
  max-width:70%;
}

/* three images */
.image-container.three img {
  height: 50vh;
  max-width:70%;
}

/* caption */
.image-sequence p {
  padding: 20px;
  font-size: 10px;
  margin: 0;
  max-width: 90vw;
}