.card {
position: sticky;
top: calc(var(–i) * 50px); /* התיקון כאן – כל כרטיס יקבל מיקום top שונה */
width: min(700px, 80%);
height: 550px;
border-radius: 30px;
overflow: hidden;
animation: stack 1s linear both;
}

@keyframes stack {
0% {
transform: translateY(0) translateX(-200px) rotateX(8deg) scale(.92);
}
35% {
transform: translateY(100px) translateX(-200px) rotateX(8deg) scale(.92);
}
70% {
transform: translateY(20px) translateX(-200px) rotateX(8deg) scale(.92);
}
100% {
transform: translateY(0) translateX(-200px) rotateX(8deg) scale(.92);
}
}