main{
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 50px;
    padding: 50px;
    color: white;
}

img{
    width: 100%;
    display: block;
}

figure{
    margin: 0;
}

/* écrans plus petis que 768px */

@media (max-width: 768px) {

    main{
        display: block;
    }

}

/* écrans plus grands que 768px */

@media (min-width: 768px){

    main{
        display: grid;
    }

}