article {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.5rem;
    padding: 2rem;
}
article img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
#case-1 {
    grid-column: 1 / span 2;
    grid-row: 1 / span 3;
}
#case-2 {
    grid-column: 3 / span 3;
    grid-row: 1 / span 1;
}
#case-3 {
    grid-column: 3 / span 3;
    grid-row: 2 / span 1;
}
#case-4 {
    grid-column: 3 / span 3;
    grid-row: 3 / span 1;
}
figure {
    position:relative;
}
figcaption {
    position: absolute;
    width: fit-content;
    padding: 0.5em;
    text-align: justify;
    top:1em;
    right: 1em;
    left: 1em;
    background-color: rgba(var(--ma-couleur), 0.7);
    font-family: "Lucida Console", Monaco, monospace;
    font-style: normal;
}