.container{display:flex;justify-content:center;margin:0 auto;max-width:624px;width:100%}.card-stack,.container{height:700px;position:relative}.card-stack{border-radius:20px;flex-shrink:0;transform:scale(.804);transform-origin:center;width:624px}.card{transition:all .7s ease-in-out;will-change:transform}.card,.card img{height:100%;position:absolute;width:100%}.card img{inset:0;max-width:none;object-fit:cover;pointer-events:none}.card.position-0{left:50%;top:50%;transform:translate(-50%,-50%);z-index:40}.card.position-1{left:50%;top:50%;transform:translate(-50%,-50%) rotate(-3deg);z-index:30}.card.position-2{left:50%;top:50%;transform:translate(-50%,-50%) rotate(3deg);z-index:20}.card.position-3{left:50%;top:50%;transform:translate(-50%,-50%) rotate(-1.5deg);z-index:10}.card.bot-screen.position-0 img{border:0 solid #000}.card.bot-screen:not(.position-0){overflow:hidden}.card.bot-screen:not(.position-0) img{clip-path:inset(0 40px 0 40px)}.gradient-overlay{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff 51.402%);border-radius:20px;height:126px;left:calc(50% - .08px);pointer-events:none;position:absolute;top:620px;transform:translateX(-50%);width:624px;z-index:50}@media (max-width:640px){.container{height:calc(700px*(.16026vw - .02564px))}.card-stack{transform:scale(calc(.16026vw - .02564px))}.card.bot-screen:not(.position-0) img{clip-path:inset(0 15px 0 15px)}}