/* Main page */
.photo-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}

.photo-grid-item {
  width: 100%;
  position: relative;
  transition: transform 1s;
}

.photo-grid-item:hover {
  transform: scale(1.05);
  z-index: 10;
}

.photo-grid-item-x2 {
  grid-column: span 2;
}

.photo-grid-overlay-text {
  position: absolute;
  font-size: 190%;
  font-weight: bold;
  left: 16px;
  vertical-align: top;
  line-height: 120%;
  margin-top: 10px;
  color: #cc66ff;
  text-shadow: 1px 1px 1px black;
}

/* Individual pages */
.images-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 50% 50%;
}
.images-column {
  display: grid;
  height: fit-content;
  grid-template-columns: subgrid;
  grid-template-rows: max-content;
}
.images-column img, .images-column video {
  width: 100%;
}
#left {
  grid-column: 1 / 1;
}
#right {
  grid-column: 2 / 2;
}