.slider{position:relative;width:100%;height:100vh}.item{width:200px;height:300px;list-style-type:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1;background-position:50%;background-size:cover;border-radius:20px;box-shadow:inset 0 20px 30px rgba(255,255,255,.3);transition:transform .1s,left .75s,top .75s,width .75s,height .75s;&:first-child,&:nth-child(2){left:0;top:0;width:100%;height:100%;transform:none;border-radius:0;box-shadow:none;opacity:1}&:nth-child(3){left:50%}&:nth-child(4){left:calc(50% + 220px)}&:nth-child(5){left:calc(50% + 440px)}&:nth-child(n+6){left:calc(50% + 660px);opacity:0}}.content{width:800px;position:absolute;top:50%;left:0;transform:translateY(-50%);text-shadow:0 3px 8px rgba(0,0,0,.8);opacity:0}.item:nth-of-type(2) .content{display:block;animation:show .75s ease-in-out .3s forwards}@keyframes show{0%{filter:blur(5px);transform:translateY(calc(-50% + 75px))}to{opacity:1;filter:blur(0)}}@media (width > 650px) and (width < 900px){.content{& .title{font-size:1rem}& .description,& button{font-size:.7rem}}.item{width:160px;height:270px;&:nth-child(3){left:50%}&:nth-child(4){left:calc(50% + 170px)}&:nth-child(5){left:calc(50% + 340px)}&:nth-child(6){left:calc(50% + 510px);opacity:0}}}@media (width < 650px){.content{& .title{font-size:.9rem}& .description{font-size:.65rem}& button{font-size:.7rem}}.item{width:130px;height:220px;&:nth-child(3){left:50%}&:nth-child(4){left:calc(50% + 140px)}&:nth-child(5){left:calc(50% + 280px)}&:nth-child(6){left:calc(50% + 420px);opacity:0}}}