.gallery-title {
    margin-bottom: 0.2rem;
}
.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, 200px);
    gap: 0;
}
.gallery > figure {
    margin: 0;
    max-height: 200px;
    overflow: hidden;
}
figcaption {
    position: relative;
    bottom: 30%;
    height: 30%;
    padding: 0.3rem;
    font-size: 0.7rem;
    opacity: 0;
    transition: opacity 0.3s;
}
.gallery-item {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.gallery-item .galleryImage {
    transform: scale(1.05);
    transition: all 0.5s ease-in-out;
}
.gallery-item:hover .galleryImage, .gallery-item a:focus .galleryImage {
    transform: scale(1);
    filter: brightness(50%) saturate(60%);
    transition: all 0.5s ease-in-out;
}
.gallery-item:hover figcaption, .gallery-item a:focus figcaption {
    opacity: 1;
    color: white;
    text-align: center;
    transition: opacity 0.3s;
}
.pswp__caption__center {
    font-size: 0.7rem;
}