div.gallery-item-preview,
div.gallery-item-preview>div.arrow,
div.gallery-item-preview>div.arrow:after,
div.gallery-item-preview>div.closed,
div.gallery-item-preview>div.closed:after{
    display: flex;
    position: fixed;
    top:0;
    transition: 1s all;
    color:var(--dziga-color);
    font-size: 1em;
}
div.gallery-item-preview,
div.gallery-item-preview>div.arrow,
div.gallery-item-preview>div.arrow:after{
    align-items: center;
    justify-content: center;
    bottom: 0;
    font-size: 2em;
}
div.gallery-item-preview{
    z-index: 1111;
    left:0;
    right:0;
    background: rgba(1,1,1,.2);
}

div.gallery-item-preview>div.arrow.left:hover {
    background: linear-gradient(to left, rgba(1,1,1,0), rgba(1,1,1,.2) 10%, rgba(1,1,1,.2) 20%, rgba(1,1,1,.3) 30%, rgba(1,1,1,.4) 40%, rgba(1,1,1,.5) 50%, rgba(1,1,1,.6) 60%,rgba(1,1,1,.7) 70%, rgba(1,1,1,.8) 100%);
}
div.gallery-item-preview>div.arrow.right:hover {
    background: linear-gradient(to right, rgba(1,1,1,0), rgba(1,1,1,.2) 10%, rgba(1,1,1,.2) 20%, rgba(1,1,1,.3) 30%, rgba(1,1,1,.4) 40%, rgba(1,1,1,.5) 50%, rgba(1,1,1,.6) 60%,rgba(1,1,1,.7) 70%, rgba(1,1,1,.8) 100%);
}

div.gallery-item-preview>div.left,
div.gallery-item-preview>div.left:after{
    left: 0;
    content: '<';
}
div.gallery-item-preview>div.right,
div.gallery-item-preview>div.right:after{
    right: 0;
    content: '>';
}
div.gallery-item-preview>div.arrow:after,
div.gallery-item-preview>div.arrow{
    width: 40%;
    z-index: 1115;
}
div.gallery-item-preview>div.closed,
div.gallery-item-preview>div.closed:after,
div.gallery-item-preview>div.arrow:after,
div.gallery-item-preview>div.arrow{
    z-index: 1115;
}

div.gallery-item-preview>div.closed{
    height: 10vh;
    justify-content: end;
}
div.gallery-item-preview>div.closed:after{
    content: 'x';
}
div.gallery-item-preview>div.closed:after,
div.gallery-item-preview>div.closed{
    right: 1%;
    z-index: 1116;
}

div.gallery-item-preview>img{
    display: flex;
    height: 98%;
    z-index: 1114;
}

div#gallery-container.column {
    column-count: 5;
}
div#gallery-container:not(.column) {
    display: grid;
    grid-gap: 8px;
    grid-template-columns: repeat(auto-fill, minmax(200px,1fr));
    grid-auto-rows: auto;
}
div#gallery-container>picture:hover{
    cursor: pointer;
}
div#gallery-container>picture>img{
    width: 100%;
}