._gallery-wrapper {
    /*border:1px dashed silver;*/
    width: 100%;

    margin: 0px auto;
    display: flex;
    /*justify-content: space-between;*/
    /* flex-flow: wrap; */
    flex-wrap: wrap;
    align-items: center;
    column-gap:var(--grid-spacing);
    row-gap:var(--grid-spacing-vertically);

}

._gallery-item-wrapper {

    position: relative;
    /*border: 1px dotted gray;*/
    /*    width: 33%;

        float: left;*/

    max-width:calc(33.2% - (var(--grid-spacing) / 2) );
    width: 100%;
    /*flex-grow:1;*/


}

@media (max-width:800px) {

    ._gallery-item-wrapper {
        max-width:calc(50% - (var(--grid-spacing) / 2) );
        /*    column-gap:var(--grid-spacing);
         row-gap:var(--grid-spacing-vertically);*/
    }
}

@media (max-width:400px) {

    ._gallery-item-wrapper {
        max-width:100%;
    }
}


._gallery-item-ar-dummy {
    opacity:0;
    width:100%
}

._gallery-item {

    position: relative;
    /*margin: var(--grid-spacing);*/
    border-collapse: separate;
    border-radius: var(--borderradius);
}





._gallery-image-wrapper {
    position: absolute;

    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    border-collapse: separate;
    border-radius: var(--borderradius);

}

._gallery-image {
    width:100%;
    border-collapse: separate;
    border-radius: var(--borderradius);

}
._gallery-image.hover {
    display:none;
}

._gallery-video-wrapper {
    position: absolute;
    width:100%;
    z-index:1;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;

    opacity:0;
    transition: all .5s;

    border-collapse: separate;
    border-radius: var(--borderradius);
}

._gallery-video {
    height:100%;
    width:100%;
    border-collapse: separate;
    border-radius: var(--borderradius);


}

._gallery-video-wrapper.hover {
    opacity:1;
}



._gallery-badge-wrapper {
    /* position: relative; */
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 0% 0px 0px 0px;
    opacity: 1;
    /*    background: rgb(0, 0, 0);*/
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 30%);
    transition: all .5s;
    transition-delay: .25s;
}


._gallery-badge {
    width:100%;
    padding: var(--grid-spacing);
    color:whitesmoke;
}

._gallery-badge .title {
    font-weight:bolder;
}
._gallery-badge .subtitle {
    font-weight:lighter;
}


._gallery-badge-wrapper.hover {
    opacity:1;
}

._gallery-more {
    position: absolute;
    left: var(--grid-spacing);
    bottom: var(--grid-spacing);
    font-size: smaller;
    background-color: white;
    color: black;
    padding: var(--grid-spacing);
    text-decoration:underline;
    font-weight:200;
}

._gallery-more:hover {
    color:grey;
}