.gallery{
    margin-top: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media (max-width: 1350px) {
    .gallery{
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 1150px) {
    .gallery{
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 800px){
    .gallery{
        grid-template-columns: 1fr;
    }
}

article{
    margin-bottom: 30px;
}

img{
    width: 100%;
}