.image-caption-container {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  /* Spacing and Alignment */
  margin-top: 2rem;
  margin-bottom: 2rem;
  text-align: center;
}
.image-caption-container img {
  width: 900px;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.caption-text {
  margin-top: 10px;
  max-width: 720px; 
  margin-left: auto;
  margin-right: auto;

  font-size: 0.9em;
  color: #999;
  line-height: 1.5;
}

.caption-text i {
  font-style: italic;
}

/* Mobile Safety Tweak: On small screens, prevent the image from being 900px wide. 
  It will default to max-width: 100% (of the 100vw container).
*/
@media (max-width: 900px) {
  .image-caption-container img {
    width: 95%; /* Make it 95% of the viewport width on smaller screens */
  }
}