Sticky Stacking Cards

<div class="stk-scroll"><div class="stk-sp"></div><div class="stk-c" style="background:#ff477e;--i:0">Card One</div><div class="stk-c" style="background:#5b6cff;--i:1">Card Two</div><div class="stk-c" style="background:#16a34a;--i:2">Card Three</div><div class="stk-c" style="background:#8b5cf6;--i:3">Card Four</div><div class="stk-sp"></div></div>

body{background:#0d1426}
.stk-scroll{width:300px;height:280px;overflow-y:auto;border-radius:16px}
.stk-sp{height:30px}
.stk-c{position:sticky;top:20px;height:120px;border-radius:18px;display:grid;place-items:center;color:#fff;font:800 24px/1 system-ui,sans-serif;margin-bottom:14px;box-shadow:0 -4px 20px rgba(0,0,0,.2)}