.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.img-link {
    margin: 5px;
    border-radius: 5px;
    aspect-ratio: 3 / 2;
}

.img-link img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    box-shadow: 0 0 5px 0 rgba(33,33,33,.3);
    transition: box-shadow .3s;
    border-radius: 4px;
}

.img-link img:hover {
    box-shadow: 0 0 5px 4px rgba(33,33,33,.3);
}

.image-gallery {
    h1 {
        margin-bottom: 0.5rem;
    }
    h2 {
        margin-left: 1.5rem;
        margin-bottom: 0.5rem;
    }
}

.book_gallery {
    & > .image-gallery {
        h1 {
            display: none;
        }
        & > .gallery {
            gap: 0.3rem;
            & > .img-link {
                margin: 0 5px;
            }
        }
    }
}