/* Keep portrait scale consistent across the desktop, tablet and phone grids. */
.team-portrait-grid .team-portrait {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  margin-bottom: 24px;
  border: 1px solid #343434;
  background: #292a2c;
}

.team-portrait-grid .team-portrait img {
  position: absolute;
  top: var(--portrait-offset-y, 0%);
  left: 50%;
  width: calc(100% * var(--portrait-scale, 1));
  height: calc(100% * var(--portrait-scale, 1));
  max-width: none;
  margin: 0;
  border: 0;
  object-fit: cover;
  object-position: center top;
  transform: translateX(-50%);
}