/* ===============================
   VARIABLES
================================ */
/* Foreground / Background System */
/* Spacing */
/* Neutral */
/* Transitions */
/* Missing vars in your CSS (add correct values if needed) */
.member-card {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 1rem;
  overflow: hidden;
  height: 100%;
  border-radius: 20px;
}
.member-card__image {
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  padding: 20px;
}
.member-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.member-card__content h6 {
  margin: 0;
}
.member-card__content {
  padding: 0px 20px 10px 20px;
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 0.5rem;
}
.member-card__heading {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--primary-color);
  margin: 0;
}