.paragraph--type--membre-equipe { height: auto; display: grid; grid-template-columns: 30vw auto 1fr; grid-auto-rows: auto; margin-bottom: 5vh; > div:first-of-type { grid-row: 1 / 3; display: flex; align-items: center; > div { width: 20vw; height: 20vw; overflow: hidden; border-radius: 10vw; img { width: 100%; height: 100%; object-fit: cover; } } } > div:nth-of-type(2), > div:nth-of-type(3) { margin-bottom: 2vh; align-self: flex-end; @include sous_titre(); } > div:nth-of-type(3) { padding-left: 0.5rem; } > div:last-of-type { grid-column: 2 / 4; @include main_text_content(); } @media (min-width: $breakpoint_tablet) { grid-template-columns: 10vw auto 1fr; > div:first-of-type > div { width: 10vw; height: 10vw; border-radius: 5vw; } > div:nth-of-type(2) { padding-left: 3vw; } > div:last-of-type { padding-left: 3vw; } } } .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; } } } }