.gallery-template {
    width: 50%;
    margin: auto;
}
.gallery-template .gallery-content {
    /* width: 50%; */
    margin: auto;
    text-align: center;
}
.gallery-template .gallery-content p {
    font-family: 'Work Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
}
.gallery-template .photo-gallery {
    display: grid;
    margin: 20px;
    grid-template-columns: repeat(4, 1fr);
    justify-content: center;
    gap: 20px;
}
.gallery-template .photo, .gallery-template .photo img {
    width: 180px;
    height: 120px;
}
.gallery-template .photo {
    border: 1px solid white;
    justify-self: center;
}
.gallery-template .photo img {
    object-fit: cover;
    object-position: top;
}

@media all and (max-width: 600px) {

    .gallery-template .gallery-content {
        width: unset;
    }
    .gallery-template .gallery-content img {
        width: 100%;
    }
    .gallery-template .photo-gallery {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        justify-content: center;
        gap: 20px;
    }



}