.card-stack-container{position:relative;width:100%;height:300px;display:flex;justify-content:center;align-items:center}.card-item{position:absolute;width:320px;height:200px;cursor:pointer;transition:transform .3s ease-in-out;transform-origin:center center;border-radius:1rem;box-shadow:0 10px 20px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.08);transform:translateX(calc((var(--index) - 3) * 100px)) scale(.9) rotate(35deg)}.card-item:hover{transform:translateX(calc((var(--index) - 3) * 100px)) translateY(-20px) scale(1) rotate(35deg);z-index:10}.card-item>div{border-radius:1rem}