wrapper{max-width:700px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.card{position:sticky;border:1px solid #ccc;box-shadow:5px 5px 5px rgba(0,0,0,.1);background-color:white;color:#333;border-radius:10px;height:300vh;justify-content:flex-start;display:flex;align-items:flex-end;flex-direction:column}.card:nth-child(1n){top:-35px}.card:nth-child(2n){top:-30px}.card:nth-child(3n){top:-25px}.card:nth-child(4n){top:-20px}.card:nth-child(5n){top:25px}.card:nth-child(6n){top:30px}.card:nth-child(7n){top:35px}.card:nth-child(8n){top:40px}@keyframes hrlo{0%{height:10%;opacity:0}to{height:110%;opacity:1}}@keyframes ww{0%{width:10%;opacity:0}to{width:110%;opacity:1}}@keyframes www{0%{width:10%;opacity:0}to{width:-110%;opacity:1}}.ll{animation:hrlo 3s forwards;animation-delay:12s}.lll{animation:ww 3s forwards;animation-delay:3s}.llll{animation:hrlo 3s forwards;animation-delay:6s}.lllll{animation:www 3s forwards;animation-delay:9s}