.lightbox {
  padding: 28px 68px 22px !important;
  background: rgba(8, 22, 19, .97) !important;
}

.lightbox figure {
  width: calc(100vw - 150px) !important;
  height: calc(100vh - 50px) !important;
  max-width: none !important;
  max-height: none !important;
  justify-content: center;
}

.lightbox figure > img {
  width: 100% !important;
  height: calc(100% - 44px) !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
}

.lightbox figure > figcaption {
  box-sizing: border-box;
  min-height: 44px;
  padding: 11px 15px !important;
}

.lightbox-prev,
.lightbox-next {
  width: 56px !important;
  height: 86px !important;
  z-index: 2;
  font-size: 54px !important;
  background: rgba(255, 255, 255, .2) !important;
}

.lightbox-prev:hover,
.lightbox-next:hover,
.lightbox-close:hover {
  background: rgba(255, 255, 255, .34) !important;
}

@media (max-width: 700px) {
  .lightbox {
    padding: 50px 6px 64px !important;
  }

  .lightbox figure {
    width: calc(100vw - 12px) !important;
    height: calc(100vh - 120px) !important;
  }

  .lightbox figure > img {
    height: calc(100% - 42px) !important;
  }
}