a.team-member-link {
    text-decoration: none;
}

.team-members {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 12px; /* Adjust the spacing between columns */
}

.team-member {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom:24px;
  margin-top:24px;
}

.person-image {
  background-color:#f4f4f4;
  background-color: rgba(204, 204, 204, 0.2); /* Background color with 20% opacity */
  display: flex;
  align-items: center;
  justify-content: center;
  width:100%;
  aspect-ratio: 1/1;
  margin-bottom: 10px; /* Adjust the spacing between the image and the name */
}

.person-image img {
    aspect-ratio: 1/1;
    object-fit:cover;
}

.person-image .initials {
  font-size: 2rem; /* Adjust the font size as needed */
  color:#d4d4d4;
  color: rgba(204, 204, 204, 0.8); /* Initials color with 20% opacity */
}

h4.person-name {
  font-size:1.5rem;
}

h5.team-position {
  font-size:1.2rem;
}

h6.person-email {
  font-size:1rem;
}


@media (max-width: 1439px) {
  .team-members {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 959px) {
  .team-members {
    grid-template-columns: repeat(2, 1fr);
  }
}