ul{padding:0;margin:0;list-style-type:none;position:relative;height:20rem;box-shadow:0 0 15px #00000026}li{display:flex;justify-content:center;align-items:flex-end;position:absolute;width:100%;height:20rem;background-color:#c3d3f1;background:url(/images/cat.jpg) no-repeat center center;background-size:cover;opacity:0;transition:opacity .5s;transition-delay:.5s}li.active{transition-delay:0ms;z-index:1;opacity:1}h4{font-size:2rem;text-transform:uppercase;color:#ffffffb3;text-shadow:0 0 9px rgba(0,0,0,.5);line-height:2rem;padding-bottom:.5rem;z-index:1}.slider{position:relative}.slider .controllers{position:absolute;width:100%;top:calc(50% - 1.75rem)}button{border:0;border-radius:.3rem;margin:.2rem;padding:.5rem;background-color:#0000004d;position:absolute;color:#ffffff80;font-family:Arial,Helvetica,sans-serif;font-size:2rem;line-height:1.8rem;font-weight:bolder;cursor:pointer;z-index:2;transition:all .5s}button:hover{background-color:#00000080;color:#fff}.slider .right{right:0}