drupal-erable/web/themes/erabletheme/scss/_gouvernance.scss

.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type {
  @media screen and (min-width: $breakpoint_desktop) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2.5vw;
    max-width: 100%;
    padding: 0 3vw;
  }
  .paragraph--type--membre-equipe {
    height: auto;
    display: grid;
    grid-template-columns: 30vw auto 1fr;
    grid-auto-rows: auto;
    margin-bottom: 5vh;
    padding: 0 3vw !important;
    &:first-of-type {
      margin-top: 5vh;
    }
    > .portrait {
      grid-row: 1 / 3;
      > div {
          display: flex;
          align-items: center;
          > div {
              width: 20vw;
              height: 20vw;
              position: relative;
              img {
                border-radius: 10vw;
                width: 100%;
                height: 100%;
                object-fit: cover;
                padding: 1px;
                filter: grayscale(100%);
              }
              &::after {
                top: 0;
                left: 0;
                position: absolute;
                content: '';
                height: 100%;
                width: 100%;
                background-image: url('/themes/erabletheme/assets/cercle_dessin.svg');
                background-size: cover;
                display: block;
                pointer-events: none;
              }
          }
      }
    }

    > .prenom,
    > .nom {
      align-self: flex-end;
      margin-bottom: 2vh;
      @include sous_titre();
    }

    > .nom > div {
        padding-left: 0.5rem;
    }

    > .texte {
      grid-column: 2 / 4;
      @include main_text_content();
      p {
        margin-top: 0 !important;
        padding-left: 0 !important;
      }
    }
    @media screen and (min-width: $breakpoint_tablet) {
      grid-template-columns: 10vw auto 1fr;
      > .portrait > div > div {
        width: 10vw;
        height: 10vw;
        border-radius: 5vw;
      }

      > .prenom {
        padding-left: 3vw;
      }

      > .texte p {
        padding-left: 3vw !important;
      }
    }
    @media screen and (min-width: $breakpoint_desktop) {
      padding: 0 !important;
      grid-template-columns: auto 1fr;
      > .portrait {
        grid-column: 1 / 3;
        grid-row: 1 / 1;
        // justify-self: center;
        width: 7vw;
        height: 7vw;
        > div > div {
          width: 7vw;
          height: 7vw;
        }
      }
      > .prenom,
      > .nom {
        margin-top: 0.8rem;
        align-self: start;
        padding: 0 !important;
        grid-row: 2 / 2;
      }
      > .prenom {
        justify-self: end;
      }
      > .texte {
        grid-column: 1 / 3;
        grid-row: 3 / 3;
        p {
          padding: 0 !important;
          margin: 0 !important;
        }
      }
    }

  }
}

/* .content_gouvernance {
    .views-row {
        margin-bottom: 2vh;
        article {
            > h2 {
              margin-bottom: 2vh;
              @include sous_titre_alt();
            }
            > h2 + div > div {
              margin-bottom: 2em;
              @include main_text_content();
            }
            > div:first-of-type {
                height: unset;
                flex-direction: column;
            }
        }
    }
}
 */