.gallery-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: 2fr 1fr;
  grid-auto-rows: auto;
  grid-template-areas:
    "large top"
    "large bottom";
}
.gallery-grid > a:nth-child(1) {
  height: 100%;
  grid-area: large;
}
  .gallery-grid > a:nth-child(1) img {
    height: 100%;
    object-fit: cover;
  }
.gallery-grid > a:nth-child(2) {
  grid-area: top;
}
.gallery-grid > a:nth-child(3) {
  grid-area: bottom;
}
.gallery-grid .gallery-grid-row a {
  grid-column: 1 / -1;
  display: inline-block;
  flex: none;
  height: 110px;
  width: calc(16.666% - 16.66px);
}
  .gallery-grid .gallery-grid-row a img {
    height: 100%;
    object-fit: cover;
  }
.gallery-grid-row {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.lightbox-thumb {
  position: relative;
  background: var(--storm);
  border-radius: 20px;
}
.lightbox-thumb {
  flex: 1;
  display: block;
}
.lightbox-thumb img {
  border-radius: 20px;
  transition: var(--transition-normal);
}
.gallery-grid-row .lightbox-thumb img {
  width: 100%;
  height: auto;
  display: block;
}
  .lightbox-thumb:hover img {
    opacity: 0.3;
  }
.lightbox-thumb i {
  position: absolute;
  z-index: 9;
  top: 50%;
  left: 50%;
  font-size: 60px;
  color: var(--white);
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: var(--transition-normal);
  pointer-events: none;
}
  .lightbox-thumb:hover i {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
  }
@media screen and (min-width: 1025px) {
  .gallery-grid.condensed {
    max-width: 60vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1024px) {
  .gallery-grid,
  .gallery-grid-row {
    gap: 10px;
  }
  .lightbox-thumb:hover i {
    transform: translate(-50%, -50%) scale(0.6);
  }
}