.portrait-photo {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center 24%;
  margin-bottom: 26px;
  border-radius: 14px;
  background: #061a16;
}

.connor-photo {
  object-position: center 20%;
}

.benjy-photo {
  object-position: center 28%;
}

.leaders { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.silhouette-photo { display: grid; place-items: end center; overflow: hidden; background: linear-gradient(145deg, #dcece3, #acc9b9); }
.silhouette-photo svg { width: 76%; height: 85%; fill: #628c78; }
@media (max-width: 900px) { .leaders { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 650px) { .leaders { grid-template-columns: 1fr; } }