/* Slider Container */
ul.member-list.stacked {
    width: 280px;
    height: auto !important; /* Height auto rahegi taki SDITS na kate */
    min-height: 400px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    list-style: none;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 10px 15px rgba(0,0,0,0.1);
    overflow: hidden; /* Bahar ka kachra na dikhe */
}

/* Saare Cards ki default setting */
ul.member-list.stacked > li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: #fff;
    text-align: center;
    opacity: 0; /* Default me sab chhupenge */
    visibility: hidden;
    transition: opacity 0.6s ease-in-out;
    z-index: 1;
}

/* FIX: Pehla card ya active card dikhane ke liye */
ul.member-list.stacked > li:first-child, 
ul.member-list.stacked > li.active {
    opacity: 1;
    visibility: visible;
    position: relative; /* Isse box khali nahi dikhega */
    z-index: 2;
}

/* Photo aur Text Styling */
ul.member-list.stacked > li img.photo {
    width: 100%;
    max-width: 220px;
    height: 220px;
    object-fit: cover;
    border-radius: 5px;
    margin-bottom: 15px;
    border: 3px solid #f8f8f8;
}

ul.member-list.stacked > li .title {
    color: #F5682B;
    font-weight: 700;
    font-size: 18px;
    display: block;
    margin-bottom: 5px;
}

ul.member-list.stacked > li p {
    color: #555;
    font-size: 14px;
    line-height: 1.4;
    margin: 5px 0;
    word-wrap: break-word;
}
<script>
    // Slider function
    function startSlider() {
        let members = document.querySelectorAll('.member-list.stacked li');
        let current = 0;

        if (members.length <= 1) return; // Agar ek hi card hai to slide nahi hoga

        setInterval(() => {
            members[current].classList.remove('active');
            members[current].style.opacity = "0";
            members[current].style.visibility = "hidden";
            members[current].style.position = "absolute";

            current = (current + 1) % members.length;

            members[current].classList.add('active');
            members[current].style.opacity = "1";
            members[current].style.visibility = "visible";
            members[current].style.position = "relative";
        }, 3000); // 3 second me badlega
    }

    // Page load hone par start karein
    window.onload = startSlider;
</script>