.team-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin: 40px 0;
  /* Override any default list styling */
}
.team-grid > * {
  display: contents;
}

.team-grid .portrait-wrapper {
  display: flex;
  flex: 0 0 auto;
}

.team-grid .portrait {
  margin: 0;
  width: 175px;
  max-width: 100%;
}

/* Responsive behavior */
@media (min-width: 900px) {
  .team-grid {
    max-width: 800px;
    margin: 40px auto;
  }
  .team-grid .portrait-wrapper {
    flex: 0 0 calc(25% - 15px); /* 4 columns with gap */
  }
}
@media (max-width: 899px) and (min-width: 650px) {
  .team-grid .portrait-wrapper {
    flex: 0 0 calc(33.333% - 14px); /* 3 columns */
  }
}
@media (max-width: 649px) and (min-width: 400px) {
  .team-grid .portrait-wrapper {
    flex: 0 0 calc(50% - 10px); /* 2 columns */
  }
}
@media (max-width: 399px) {
  .team-grid .portrait-wrapper {
    flex: 0 0 100%; /* 1 column */
  }
}

/*# sourceMappingURL=team-grid.css.map */