- for (let i = 1; i < 20; i++)
  .card
    h2 Card Title
    p Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque at nobis doloremque odit labore provident unde officiis odio sit sint? Vitae accusantium praesentium ullam alias aut quod cum perferendis maiores.

body {
  margin-inline: max(0px, ((100% - 260px) / 2));
  font: 90%/1.4 system-ui;
}

.card {
  position: sticky;
  top: 0;
  background: white;
  padding: 1.5rem;
  box-shadow: 0 -0.5rem 1rem rgba(0 0 0 / 0.15);
  border-radius: 4px;
}

@for $i from 1 through 20 {
  .card:nth-child(#{$i}) {
    top: $i + rem;
    rotate: $i + deg;
  }
}