/*-------------------- ART GALLERY --------------------*/
div.art-gallery {
    column-count: 4;
    column-gap: 1rem;
    padding: 1rem;
}
div.art-gallery img{
    width: 100%;
    margin-bottom: 1rem;
    display: block;
    transition: transform 0.3s ease;
}
div.art-gallery img:hover {
    transform: scale(1.02);
}
/*-------------------- PHOTO GALLERY --------------------*/
.image-container {
    width: 100%;
    aspect-ratio: 1;
}
div.photo-gallery {
    display: grid;
    justify-content: center;
    grid-template-columns: 25% 25% 25% 25%;
    grid-gap: 0.5rem;
}
.auto-width img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 40%;
    display: block;
    transition: transform 0.3s ease;
}
.auto-height img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    display: block;
    transition: transform 0.3s ease;
}
div.photo-gallery img:hover {
    transform: scale(1.02);
}
/*-------------------- RESPONSIVE GALLERY --------------------*/
@media only screen and (max-width: 800px) {
    div.art-gallery {
        column-count: 2;
    }
    div.photo-gallery {
        grid-template-columns: 50% 50%;
    }
}
@media only screen and (max-width: 480px) {
    div.art-gallery {
        column-count: 1;
    }
    div.photo-gallery {
        grid-template-columns: 100%;
    }
}