.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 (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;
    }
  }

}

.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;
            }
        }
    }


}