.disposition--three {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.disposition--three > .col2 > article > picture > img, .disposition--three > .col1 > img  {
    border-radius: 10px;
    overflow: hidden;
}
.disposition--three > .col2 {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
@media screen and (min-width: 999px) {
    .disposition--three {
        display: flex;
        flex-direction: row;
        gap: 32px;   
    }
    .disposition--three > .col1 {
        max-width: 464px;
    }
    .disposition--three > .col2 > article > picture > img{
        min-height: 47%;
    }
    .disposition--three > .col2 {
        display: flex;
        flex-direction: column;
        gap: 32px;
    }
}