/* Fit lightbox media to the viewer's screen (contain, no scroll) */
    .ekko-lightbox.modal {
      padding: 0 !important;
      overflow: hidden !important;
    }
    .ekko-lightbox .modal-dialog {
      width: 100vw !important;
      max-width: 100vw !important;
      height: 100vh !important;
      height: 100dvh !important;
      max-height: 100vh !important;
      max-height: 100dvh !important;
      margin: 0 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
    }
    .ekko-lightbox .modal-content,
    .ekko-lightbox .modal-body,
    .ekko-lightbox .ekko-lightbox-container,
    .ekko-lightbox .ekko-lightbox-item {
      width: 100% !important;
      height: 100% !important;
      max-width: 100% !important;
      max-height: 100% !important;
      min-height: 0 !important;
      overflow: hidden !important;
    }
    .ekko-lightbox .ekko-lightbox-container {
      position: relative !important;
    }
    .ekko-lightbox .ekko-lightbox-item {
      position: absolute !important;
      inset: 0 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
    }
    .ekko-lightbox img {
      width: 100% !important;
      height: 100% !important;
      max-width: 100% !important;
      max-height: 100% !important;
      object-fit: contain !important;
      display: block !important;
      margin: 0 auto !important;
    }
    .ekko-lightbox:fullscreen,
    .ekko-lightbox:-webkit-full-screen {
      background: #000 !important;
      width: 100% !important;
      height: 100% !important;
      max-width: none !important;
      padding: 0 !important;
    }
    .ekko-lightbox:fullscreen .modal-dialog,
    .ekko-lightbox:-webkit-full-screen .modal-dialog {
      width: 100% !important;
      height: 100% !important;
      max-width: none !important;
      max-height: none !important;
    }