/* CREATIVE */
#image-gallery img {
    width: 100%;
    line-height: 1em;
    padding: 5px;
    cursor: pointer;
}

#image-gallery {
    line-height: 0;
    padding: 5px;
}

.fancybox__backdrop {
    background: rgba(200, 200, 200, 0.8) !important;
}

/* animation for images */
@media (prefers-reduced-motion: no-preference) {
    #image-gallery img {
        scale: 0.7;
        opacity: 0;
        animation: fade-in linear forwards;
        animation-timeline: view();
        animation-range: entry;
    }

    @keyframes fade-in {
        to { scale: 1; opacity: 1; }
    }
}

@media (min-width: 576px) {
    #image-gallery {
        column-count: 2;
        column-gap: 0;
    }
}

@media screen and (min-width: 768px){
    #image-gallery {
        column-count: 3;
    }
}

@media screen and (min-width: 992px){
    #image-gallery {
        column-count: 4;
    }
}