ul.filebird-block-filebird-gallery {
    margin: auto !important;
    padding: 0 !important;
    width: 100%
}

ul.filebird-block-filebird-gallery.layout-grid {
    display: grid;
    grid-gap: 20px;
    align-items: stretch;
    grid-template-columns: repeat(var(--columns), 1fr);
    justify-items: stretch
}

ul.filebird-block-filebird-gallery.layout-grid li img {
    border: 1px solid #ccc;
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .3);
    height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

ul.filebird-block-filebird-gallery.layout-masonry {
    -moz-column-count: var(--columns);
    -moz-column-gap: var(--space);
    column-gap: var(--space);
    -moz-column-width: var(--min-width);
    columns: var(--min-width) var(--columns);
    display: block;
    overflow: auto
}

ul.filebird-block-filebird-gallery.layout-masonry li {
    margin-bottom: var(--space)
}

ul.filebird-block-filebird-gallery li {
    list-style: none
}

ul.filebird-block-filebird-gallery li figure {
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

ul.filebird-block-filebird-gallery li figure figcaption {
    background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent);
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    font-size: .8em;
    margin: 0;
    max-height: 100%;
    overflow: auto;
    padding: 3em .77em .7em;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2
}

ul.filebird-block-filebird-gallery li figure figcaption a {
    color: inherit
}