/* Make sure the image container actually has height */
.hero-img-slider .w-slide,
.hero-img-slide-core {
    height: 100%;
}

/* This is the key: center the background image without losing the URL */
.hero-img-slide-core .hero-slide-img {
    /* DO NOT use background: ...; or you'll wipe the inline url() */
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important; /* or 'contain' if you want full image */

    display: block;
    width: 100%;
    height: 100%;

    /* Safety net so the slider doesn’t collapse */
    min-height: 420px; /* adjust as needed for your design */
}

/* Optional: if Webflow is collapsing the slider wrapper, force a height */
.hero-img-slider.w-slider {
    min-height: 420px; /* match above, or larger for tall images */
}