.bloc-team-members {
  padding-top: 3vw;
  padding-bottom: 3vw;
}

.bloc-team-members .text-formatted {
  margin-top: 2rem;
}

.team-members .field {
  margin: .5rem;
}

.team-members img {
  box-shadow: -7px 7px 0px var(--grey-light);
  border-radius: 50%;
  position: relative;
  z-index: 4;
}

.team-members .field--name-field-team-members-portrait {
  position: relative;
  z-index: 1;
  display: block;
  width: 150px;
  height: 150px;
  margin: 2rem auto;
}

.team-members .field--name-field-team-members-portrait::before {
  content: "";
  display: block;
  width: 150px;
  height: 150px;
  z-index: 1;
  background: var(--darkblue);
  position: absolute;
  left: 7px;
  top: 7px;
  border-radius: 50%;
}

.team-members .field--name-field-team-members-portrait::after {
  content: "";
  display: block;
  width: 150px;
  height: 150px;
  z-index: 2;
  background: var(--red);
  position: absolute;
  left: -7px;
  top: -7px;
  border-radius: 50%;
}

.team-members .col-12:nth-child(4n+1) .field--name-field-team-members-portrait::after {
  background: var(--red);
}

.team-members .col-12:nth-child(4n+2) .field--name-field-team-members-portrait::after {
  background: var(--greenlight);
}

.team-members .col-12:nth-child(4n+3) .field--name-field-team-members-portrait::after {
  background: var(--yellow);
}

.team-members .col-12:nth-child(4n) .field--name-field-team-members-portrait::after {
  background: var(--darkblue);
}

.team-members .field--name-field-team-members-title {
  margin: 1rem .5rem;
  font-weight: 600;
}