*{box-sizing:border-box;margin:0;padding:0}[type=radio]{display:none}#slider{margin:20px auto;max-width:900px;min-height:250px;perspective:1000px;position:relative;transform-style:preserve-3d;width:100%}#slider label{align-items:center;background-position:50%;background-size:cover;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:100%;justify-content:center;left:0;margin:auto;overflow:hidden;position:absolute;right:0;text-shadow:1px 1px 3px rgba(0,0,0,.5);transition:transform .4s ease,box-shadow .4s ease;width:60%}#s1:checked~#slide5,#s2:checked~#slide1,#s3:checked~#slide2,#s4:checked~#slide3,#s5:checked~#slide4{box-shadow:0 1px 4px 0 rgba(0,0,0,.37);transform:translate3d(-30%,0,-200px)}#s1:checked~#slide4,#s2:checked~#slide5,#s3:checked~#slide1,#s4:checked~#slide2,#s5:checked~#slide3{box-shadow:0 6px 10px 0 rgba(0,0,0,.3),0 2px 2px 0 rgba(0,0,0,.2);transform:translate3d(-15%,0,-100px)}#s1:checked~#slide1,#s2:checked~#slide2,#s3:checked~#slide3,#s4:checked~#slide4,#s5:checked~#slide5{box-shadow:0 13px 25px 0 rgba(0,0,0,.3),0 11px 7px 0 rgba(0,0,0,.19);transform:translateZ(0)}#s1:checked~#slide2,#s2:checked~#slide3,#s3:checked~#slide4,#s4:checked~#slide5,#s5:checked~#slide1{box-shadow:0 6px 10px 0 rgba(0,0,0,.3),0 2px 2px 0 rgba(0,0,0,.2);transform:translate3d(15%,0,-100px)}#s1:checked~#slide3,#s2:checked~#slide4,#s3:checked~#slide5,#s4:checked~#slide1,#s5:checked~#slide2{box-shadow:0 1px 4px 0 rgba(0,0,0,.37);transform:translate3d(30%,0,-200px)}#slide1{background:var(--slide-1-background);background-image:var(--slide-1-image)}#slide2{background:var(--slide-2-background);background-image:var(--slide-2-image)}#slide3{background:var(--slide-3-background);background-image:var(--slide-3-image)}#slide4{background:var(--slide-4-background);background-image:var(--slide-4-image)}#slide5{background:var(--slide-5-background);background-image:var(--slide-5-image)}@media (max-width:768px){#slider{height:50vw;min-height:200px}#slider label{font-size:1.5rem}}@media (max-width:480px){#slider{height:65vw;min-height:150px}#slider label{font-size:1rem}}