#lightboxModal .modal-dialog {
    max-width: 95vw;   /* responsive width */
    margin: auto;
}

#lightboxContent img,
#lightboxContent video {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;  /* keeps aspect ratio, adds black bars */
    background: black;    /* black bars like a lightbox */
}

#lightboxModal .modal-content {
  background-color: black; /* black background */
}

#lightboxContent img,
#lightboxContent video {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;   /* keeps aspect ratio, black bars */
  background: black;
}

#lightboxCaption {
  max-width: 80%;
  color: #ccc;
  font-size: 0.9rem;
  text-align: center;

}
#lightboxCounter {
  background: rgba(0, 0, 0, 0.6);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.9rem;
}