.articles__container {
    display: flex;
    flex-direction: column;
    gap: 15vw;
    margin-top: 3.5vw;
}

@media screen and (min-width: 575.98px) {
    .actualites {
        gap: 7.5vw;
    }
    .articles__container {
        gap: 10vw;
    }
}

@media screen and (min-width: 767.98px) {
    .articles__container {
        gap: 8vw;
    }
}

@media screen and (min-width: 991.98px) {
    .articles__container {
        display: grid;
        gap: 7.5vw 2.5vw;
        grid-template-columns: 1fr 1fr;
    }
    .actualites {
        gap: 5.5vw;
    }
}

@media screen and (min-width: 1199.98px) {
    .actualites {
        gap: 4vw;
        margin-bottom: 5vw;
    }
    .articles__container {
        gap: 5.5vw 2.5vw;
    }
}

@media screen and (min-width: 1399.98px) {
    .articles__container {
        margin-top: 2vw;
    }
}

@media screen and (min-width: 1799.98px) {
    .articles__container {
        gap: 4vw 1.5vw;
    }
}