.gallery{
    margin: auto;
/*     border: 1px dotted grey; */
}

.cell img:hover {
    border: 1px dotted red;
}

h2 {
    text-align: center;
}


@media only screen and (orientation: landscape) {
    .cell img {
        width: 15%;
        height: 200px;
        object-fit: cover;
        border: 1px dotted grey;
    }
}

@media only screen and (orientation: portrait) {
    .cell img {
        width: 30%;
        height: 150px;
        object-fit: cover;
        border: 1px dotted grey;
    }
}