.mainGrid {grid-template-columns: [full-start] minmax(var(--min-column-size), .5fr) [content-start] repeat(12, minmax(var(--min-column-size), 1fr)) [content-end] minmax(var(--min-column-size), .5fr) [full-end]}
.btn-group > * {flex:0}
.diptyque {
    flex-direction: row; 
    column-gap: var(--space-m)}
.triptyque,.quadriptyque {
    --count-column:3;
    grid-gap:var(--space-m)}
.triptyque picture:last-child {grid-column: span 1}
.quadriptyque {--count-column:12}
.quadriptyque picture {grid-column: span 5}    
.quadriptyque picture:nth-of-type(n + 2):nth-of-type(-1n + 3) {grid-column: span 7}