* {
    margin: 0px;
    padding: 0px;
}

.container {
    width: 90%;
    margin: 0 auto;
}

.imageGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 5px;
}

.imgStyle {
    border: solid 3px rgb(25, 25, 25);
    border-radius: 5px;
    overflow: hidden;
}

.imgStyle img {
    width: 100%;
}

@media screen and (max-width: 900px){
.imageGrid {
    grid-template-columns: 1fr 1fr 1fr;
}
}

@media screen and (max-width: 700px){
.imageGrid {
    grid-template-columns: 1fr 1fr;
}
}

@media screen and (max-width: 600px){
.imageGrid {
    grid-template-columns: 1fr;
    grid-row-gap: 10px;
}
}