.portrait {
  margin: 0;
  overflow: hidden;
}

.portrait img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.photo-grid figure {
  position: relative;
  margin: 0;
  overflow: hidden;
  background: #c7bba8;
}

.photo-grid .music-photo {
  grid-row: 1 / 3;
}

.photo-grid img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}

.photo-grid .music-photo img { object-position: center; }
.photo-grid figure:nth-child(2) img { object-position: center 58%; }
.photo-grid figure:nth-child(3) img { object-position: center 42%; }
.photo-grid figure:hover img { transform: scale(1.025); }

.photo-grid figcaption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.8rem 1rem .8rem;
  background: linear-gradient(transparent, #000b);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 700;
  font-size: .8rem;
}

@media (max-width: 520px) {
  .photo-grid {
    min-height: 620px;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
  }

  .photo-grid .music-photo { grid-row: auto; }
}