/* Mobile: one column */
.meet-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

/* Desktop: three columns */
@media (min-width: 900px) {
  .meet-grid {
    grid-template-columns: 1fr 2fr 2.5fr;
    align-items: start;
  }
}

.meet .portrait {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  background: #c9c4bb; 
}

/* .meet-grid > * { outline: 2px dashed red; } */