/* GALLERY */
.gallery-section {
    display: flex;
    justify-content: end;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin: 0.125em
}

.gallery-image {
    display: flex;
    flex-direction: column;
    flex: 1 1 calc(33.333% - 0.25em);
    justify-content: end;
    background-position: center;
    background-size: cover;
    background-blend-mode: darken;
    background-color: rgba(0, 0, 0, 0);
    height: 20em;
    margin: 0.125em;
    transition: all 0.15s ease-in-out;
}

.gallery-image-small {
    flex: 1 1 calc(15.1515%);
    height: 10em;
    background-image: url('../images/extra/placeholder_0.png');
}

.gallery-image:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.15);
}

.gallery-image-small:hover {
    
}


/* RESPONSIVE GALLERY */
@media screen and (max-width: 64em) {
    .gallery-image {
        flex: 1 1 calc(50% - 0.25em);
        height: 18em;
    }
}

@media screen and (max-width: 46em) {
    .gallery-image {
        flex: 1 1 calc(100% - 0.25em);
        height: 18em;
    }
    
}