#project-gallery {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-snap-type: y mandatory;
}
body[data-template="archive"] #project-gallery,
body[data-template="categories"] #project-gallery,
body[data-template="project"] #project-gallery,
body[data-template="contact"] #project-gallery {overflow-y: hidden !important;}
body[data-template="project"] #project-gallery {
    opacity: 0;
    visibility: hidden;
}

#project-gallery figure {
    min-width: 100vw;
    max-width: 100vw;
    min-height: 100vh;
    max-height: 100vh;
    scroll-snap-align: center;
    opacity: .7;
    transition: min-height 500ms, max-height 500ms;
}
body[data-template="home"] #project-gallery figure.--non_select,
body[data-template="contact"] #project-gallery figure.--non_select,
body[data-template="categories"] #project-gallery figure.--non_select-cat {
    min-height: 0;
    max-height: 0;
}

#project-gallery div,
#project-gallery video,
#project-gallery iframe,
#project-gallery img {
    top: 0;    
    right: 0;    
    bottom: 0;    
    left: 0;    
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* scale: 4; */
}
/* @media only screen and (min-width: 768px) {
    #project-gallery div,
    #project-gallery video,
    #project-gallery iframe {scale: 3;}
}
@media only screen and (min-width: 1024px) {
    #project-gallery div,
    #project-gallery video,
    #project-gallery iframe {scale: 1;}
} */
#project-gallery div {z-index: 2;}