.lightbox {
  position: relative;
  display: none;
  position: fixed;
  overflow: auto;
  top: 0;
  z-index: 999;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white; }
  .lightbox img, .lightbox video {
    max-height: 90%;
    object-fit: cover; }
  .lightbox .close-lightbox {
    position: fixed;
    top: 0;
    right: 0;
    cursor: pointer; }
    .lightbox .close-lightbox i {
      font-size: 50px; }
  .lightbox.active {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    @media screen and (min-width: 768px) {
      .lightbox.active {
        justify-content: center; } }

body.has-overlay {
  overflow: hidden; }