.bmg-hover-card-slider {
    margin-left: max((((100vw - 1230px) / 2) - 4em), 0rem) !important;
}
/* In the editor this CSS is injected into the canvas iframe via add_editor_style(),
   so scope to .editor-styles-wrapper (which exists inside the iframe) and use
   !important to beat the front-end rule above. The offset stays front-end only. */
.editor-styles-wrapper .bmg-hover-card-slider {
    margin-left: 0 !important;
}

@media (max-width: 768px) {
    .bmg-hover-card-slider-title-row {
        padding-bottom: 120px !important;
        justify-content: center;
    }

    .bmg-hover-card-slider-title-row h2 {
        text-align: center;
    }
}