/*
 * Suppress the CSS background-image on the slide wrapper when our <picture> replacement is present.
 * Uses !important to override both inline styles and JS-set styles (Magento slider JS).
 *
 * Selector breakdown:
 *   ~ .pagebuilder-slide-wrapper        — no-link collage (picture is direct sibling of wrapper)
 *   ~ a > .pagebuilder-slide-wrapper    — linked collage (picture → a → wrapper)
 *   ~ div > .pagebuilder-slide-wrapper  — no-link collage via empty_link div
 */
.pagebuilder-slide-image ~ .pagebuilder-slide-wrapper,
.pagebuilder-slide-image ~ a > .pagebuilder-slide-wrapper,
.pagebuilder-slide-image ~ div > .pagebuilder-slide-wrapper {
    background-image: none !important;
}