.js-serialshuffle .flex-item {
    display: flex !important;
    min-height: 200px;
}

.js-serialshuffle .backdrop {
    width: 100%;
    
}

.gs-images .dmedia {
    position: relative;
    height: 100%;
    width: 100%;
}

.gs-images .dmedia img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gs-images .backdrop {
    background-color: rgba(0,0,0,0.1);
}

.gs-glyph .backdrop {
    background-color: rgba(0,0,0,0.7);
}

.gs-glyph .backdrop {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gs-glyph .dmedia {
    width: 100%;
    max-width: 120px;
    height: 60px;
    display: flex;
    justify-content: center;

}

.gs-glyph img {
    width: 100%;
    height: 100%;
    max-width: unset;
    position: absolute;
    object-fit: contain;
    object-position: center;
    filter: grayscale(1) brightness(0) invert(1);
}