/*
 * Fullscreen photo fit
 *
 * The gallery markup centres a photo at its intrinsic pixel size.  On a
 * large display that leaves landscape frames needlessly small.  Giving the
 * photo stage a real size and using object-fit lets every orientation expand
 * to the largest uncropped, undistorted size the available stage permits.
 */
#loupeContainer div.image-container div.corners {
  display: block;
  width: 100%;
  height: 100%;
}

#loupeContainer div.image-container div.corners > img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
  object-position: center;
}