@supports (container-type: size) {
  /* Give native auto-sizes the uncropped cover width while preserving the card. */
  [data-team-members-section] [data-team-member-native-cover] {
    position: relative;
    container-type: size;
    aspect-ratio: var(--reher-team-image-ratio);
  }

  [data-team-members-section]
    [data-team-member-native-cover]
    > [data-reher-cover-auto="true"] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: max(100cqw, calc(100cqh * var(--reher-team-image-ratio)));
    height: auto;
    max-width: none;
    aspect-ratio: var(--reher-team-image-ratio);
    flex-shrink: 0;
    transform: translate(-50%, -50%);
  }

  @media (min-width: 64rem) {
    [data-team-members-section] [data-team-member-native-cover] {
      aspect-ratio: auto;
      min-height: calc(16.5rem / var(--reher-team-image-ratio));
    }
  }
}