.proslider-container {
    position: relative;
    width: 100%;
    height: 80vh; /* or any fixed height you prefer */
    overflow: hidden;
}

.proslider-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}

.proslider-slide img,
.proslider-slide video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* fills container and crops excess */
}

/* Optional: smooth fade transitions for fade effect */
.proslider-slide.fade {
    transition: opacity 0.5s ease-in-out;
}

/* Optional: navigation styling (if you add arrows later) */

.proslider-nav { display: none;}