/* Start Gallery CSS */

.thumb {
    margin-bottom: 15px;
}

.thumb:last-child {
    margin-bottom: 0;
}


/* CSS Image Hover Effects: https://www.nxworld.net/tips/css-image-hover-effects.html */

.thumb figure img {
    filter: grayscale(0%);
    transition: .3s ease-in-out;
}

.thumb figure:hover img {
    filter: grayscale(0);
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e600;
    border-radius: 0.25rem;
    width: 100%;
    height: 320px;
}