main{padding-block:2rem 4rem;padding-inline:clamp(1rem,-.286rem + 6.429vw,10rem)}.content-box{text-align:center}h1{line-height:124.8%;letter-spacing:.1rem;text-transform:uppercase}.cards-container{display:grid;grid-template-areas:"stack";margin-bottom:70%}.cards-container>*{grid-area:stack}.cards-container img{max-width:100%}.front-card{position:relative;z-index:1;rotate:8deg}.back-card{position:relative;z-index:0;top:50%;left:10%;rotate:5deg}@media (min-width: 48em){main{display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);place-items:center}.content-box{position:relative;text-align:start}h1{font-size:2.875rem;letter-spacing:.14375rem}.cards-container{margin-bottom:50%}}@supports (animation-timeline: view()){.front-card{--rotation-front-deg: 8deg;animation:move-front-card-on-scroll 1s ease both;animation-timeline:view()}.back-card{--rotation-back-deg: 20deg;--translate-back-card-y: 30%;--translate-back-card-x: 5%;top:23%;left:6%;rotate:var(--rotation-back-deg);animation:move-back-card-on-scroll 1s ease both;animation-timeline:view()}@keyframes move-front-card-on-scroll{to{rotate:var(--rotation-front-deg)}}@keyframes move-back-card-on-scroll{to{translate:var(--translate-back-card-x) var(--translate-back-card-y);rotate:calc(var(--rotation-back-deg) * -.05)}}}