.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) { @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; } } } } */