.eccs-wrapper{position:relative;height:460px;display:flex;align-items:center;justify-content:center}
.eccs-stage{position:relative;width:100%;height:100%;overflow:visible}

.eccs-card{
 position:absolute;top:50%;left:50%;width:60%;
 transform:translate(-50%,-50%) scale(.8);
 opacity:.5;transition:.5s ease;z-index:1;
 filter:grayscale(100%) brightness(.6);
}
.eccs-card.is-center{
 transform:translate(-50%,-50%) scale(1);
 opacity:1;z-index:3;
 filter:none;
}
.eccs-card.is-left{
 transform:translate(-120%,-50%) scale(.75);
 opacity:.6;z-index:2;
}
.eccs-card.is-right{
 transform:translate(20%,-50%) scale(.75);
 opacity:.6;z-index:2;
}

.eccs-card img{width:100%;height:420px;object-fit:cover;border-radius:14px}

.eccs-content{
 position:absolute;bottom:0;width:100%;
 padding:24px;
 display:flex;
 justify-content:space-between;
 align-items:flex-end;
 background:linear-gradient(to top,rgba(0,0,0,.65),transparent);
 color:#fff;
}

.eccs-text{max-width:70%}
.eccs-btn{
 background:#fff;color:#000;
 padding:10px 22px;border-radius:24px;
 text-decoration:none;white-space:nowrap;
}

.eccs-nav{
 position:absolute;top:50%;transform:translateY(-50%);
 background:none;border:none;font-size:42px;color:#fff;
 cursor:pointer;z-index:5;
}
.prev{left:10px}.next{right:10px}