*{box-sizing:border-box;margin:0;padding:0}body{background:#000}img{object-fit:cover;width:100%;height:100%}.slide-img img{opacity:0;transition:opacity .35s}.slide-img img.is-loaded{opacity:1}.slider{touch-action:none;position:fixed;inset:0;overflow:hidden}.slides{width:min(75%,110svh);position:absolute;top:50%;left:5%;transform:translateY(-50%)}.slide{will-change:transform;background:#000;padding:.5rem .5rem 2rem;position:absolute;inset:0}.slide:first-child{position:relative}.slide-img{aspect-ratio:3/2}