JimOldman

Hi, I am using this code with success in custom, with a bit of tinkering:
.sqs-lightbox-slide{
 background: rgba(255, 255, 255, 1)
}
/* Lightbox opacity */
.gallery-lightbox-background {
    opacity: 1.0;
}
.gallery-lightbox-item img { 
  flex-basis: 50%;
  padding:1px;
  box-sizing: border-box;
  display: inline !important;
  border-radius: 2px;
  border: 0px solid #000;
  width: unset !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  
 background-color: grey;
 z-index: -1;
}
To enable a border/box around the image in the lightbox. Is there any means to get .gallery-lightbox-item img to also control the position of the caption text and to create a dark box/bg that will also flex? Similar to image attached. Below is what  I get now and 2nd image is what I am working towards.
 

My question is how to get captions to appear within the popup, NOT the gallery, either static or as rollover in the example shown. Rational: thumbnails just to be scanned and extra detail to be visible on larger image, such as date, medium etc. 
CSS please?!