.content-grid {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 1rem;
  row-gap: 2rem;
  margin-inline: .5rem;
  @media (min-width: 600px) {
    grid-template-columns: repeat(2, 1fr);
  }
  @media (min-width: 900px) {
    grid-template-columns: repeat(3, 1fr);
  }
  @media (min-width: 1200px) {
    grid-template-columns: repeat(4, 1fr);
  }
}

.team-member-tile {
  .field--name-field-team-member-photo img {
    border-radius: var(--border-radius);
  }
  a {
    color: currentColor;
  }
  .field--name-title {
    display: block;
    margin-block-start: 1rem;
  }
  .field--name-field-team-member-phone {
    margin-block-start: 1rem;
  }
  .field--name-field-team-member-phone,
  .field--name-field-team-member-e-mail {
    a {
      display: inline-flex;
      column-gap: .25em;
      align-items: baseline;
    }
    a::before {
      display: inline-block;
      content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><circle cx="5" cy="5" r="4.5" fill="currentColor"/></svg>');
      width: .75em;
      height: .75em;
      background: unset;
    }

  }

}