style.css

*{
    box-sizing:border-box;
}

h1{
    text-align:center;
}

h2{
    text-align:center;
}
/*
.gallery:after {
    content: "";
    display: table;
    clear: both;
}
*/
.image{
    float: left;
    width: 16.6%;
    padding: 10px;
}

.image:hover{
    transition:all ease-in-out 0.2s;
    transform: scale(1.05, 1.05);
}

.description{
    text-align:left;
    background:white;
    font-size:0.65em;
    padding:0;
    height:min-content;
}

@media only screen and (max-width:920px){
    .image{
        width:20%;
    }
}

@media only screen and (max-width:800px){
    .image{
        width:25%;
    }
}

@media only screen and (max-width:700px){
    .image{
        width:33.3%;
    }
}

@media only screen and (max-width:500px){
    .image{
        width:50%;
    }
}

@media only screen and (max-width:380px){
    .image{
        width:100%;
    }
}