.our-team {
  padding-block: 3.125rem;

  .section__inner {
    display: grid;
    grid-template-columns: repeat(var(--_cols, 2), minmax(0, 1fr));
    gap: clamp(.9375rem, 1.5cqi, 1.25rem);
  }

  @container content (width > 550px) {
    .section__inner {
      --_cols: 3;
    }
  }

  @container content (width > 850px) {
    .section__inner {
      --_cols: 5;
    }
  }
}

.team-member {
  --_info-bg-clr: var(--gray-lightest);
  --_border-radius: .625rem;

  .team-member__avatar {
    border-radius: var(--_border-radius) var(--_border-radius) 0 0;
    width: 100%;
    aspect-ratio: 4/5;
    object-fit: cover;
  }

  .team-member__info {
    padding-block: 1.25rem;
    border-radius: 0 0 var(--_border-radius) var(--_border-radius);
    background-color: var(--_info-bg-clr);
    text-align: center;
  }

  .team-member__name {
    font-size: clamp(1.125rem, 2cqi, 1.25rem);
    margin-bottom: 0;
  }

  .team-member__position {
    font-size: clamp(.75rem, 1cqi, .875rem);
    color: var(--gray-darker);
    margin-bottom: 0;
  }

  .team-member__whatsapp {
    display: inline-block;
    line-height: 1;
    font-size: clamp(1.25rem, 2cqi, 1.5rem);

    transition: color 200ms;

    &:hover {
      color: var(--primary-medium);
    }
  }
}