html {
    box-sizing: border-box;
}

* {
    box-sizing: inherit;
}


.image-grid {
display: flex;
width: 100%;
margin: 0;
flex-wrap: wrap;
}

.grid-image{
display: block;
flex-basis: 100%;
padding: 10px;
border-radius: 25px;
}

@media all and (min-width: 600px) {
.grid-image {
    flex-basis: 50%;
}
}

@media all and (min-width: 900px) {
    .grid-image {
        flex-basis: 33.33%;
    }
    }

    @media all and (min-width: 1200px) {
        .grid-image {
            flex-basis: 25%;
        }
        }