.video-preview-box {
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;

    height: 100%;
    width: 100%;
}

.vpb__gallery {
    z-index: -1;
}

.vpb__gallery,
.vpb__gallery-cell,
.vpb__gallery-overlay {
    position: absolute;

    inset: 0;
    border-radius: inherit;
}

.vpb__gallery-cell {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    transition: opacity 1s ease-in-out;
    opacity: 0;
}

.vpb__gallery-cell.active {
    opacity: 1;
}

.vpb__gallery-overlay {
    mix-blend-mode: darken;

    z-index: 1;
}