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

.content_gouvernance {
    .views-row {
        margin-bottom: 2vh;
        article {
            > h2 {
                margin-bottom: 2vh;
                @include sous_titre_alt();
            }
            > h2 + div > div {
                @include main_text_content();
                margin-bottom: 2em;
            }
            > div:first-of-type {
                height: unset;
            }
            .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) {
                    @include sous_titre();
                    margin-bottom: 2vh;
                    align-self: flex-end;
                }
    
                > div:nth-of-type(3) {
                    padding-left: 0.5rem;
                }
    
                > div:last-of-type {
                    @include main_text_content();
                    grid-column: 2 / 4;
                }
                @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;
                    }
                }
    
            }
    
        }
    }


}