#page{width:100%;height:100%;position:absolute}*{margin:0;box-sizing:border-box}.wrapper{width:900px;height:600px;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}.before,.after{width:100%;height:100%;background-repeat:no-repeat;background-color:white;background-size:cover;background-position:center;position:absolute;top:0;left:0;pointer-events:none;overflow:hidden}.content-image{height:100%;width:100%;object-fit:cover;max-width:unset}.after{width:125px}.scroller{width:50px;height:50px;position:absolute;left:100px;top:50%;transform:translateY(-50%);border-radius:50%;background-color:transparent;opacity:.9;pointer-events:auto;cursor:pointer}.scroller:hover{opacity:1}.scrolling{pointer-events:none;opacity:1;// z-index:1}.scroller__thumb{width:100%;height:100%;padding:5px}.scroller:before,.scroller:after{content:" ";display:block;width:7px;height:9999px;position:absolute;left:50%;margin-left:-3.5px;z-index:30;transition:.1s}.scroller:before{top:100%}.scroller:after{bottom:100%}.scroller{border:5px solid #fff}.scroller:before,.scroller:after{background:#fff}.text-left-items{margin-top:20px;display:flex;align-items:center}.text-left-icon{margin-right:20px;text-align:center;min-width:42px}div#page{position:relative;padding-bottom:78%}.wrapper{width:100%;height:100%;box-shadow:none}.wrapper img{width:100%}.scroller{width:100px;height:100px;border:0;background:#009ace;opacity:1;display:flex;align-items:center;justify-content:center}.scroller:before,.scroller:after{width:22px;background:#fff;opacity:.6;margin-left:-9.5px}span.scroller__thumb{width:auto;height:auto}.ba-Slider{position:relative;display:block;margin:20px auto;overflow:hidden;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px}.slider{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px);background:transparent url(https://i.imgur.com/ImtbhIo.png);width:32px;height:32px;cursor:pointer}#before{position:absolute;top:0;left:0;width:50%;overflow:hidden}.ease{transition:width ease .5s,left ease .5s;-moz-transition:width ease .5s,left ease .5s;-webkit-transition:width ease .5s,left ease .5s}.slider{pointer-events:auto;cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;width:100px;height:100px;border:0;background:#009ace;opacity:1;display:flex;align-items:center;justify-content:center}.slider:before,.slider:after{content:'';display:block;width:7px;height:9999px;position:absolute;left:50%;margin-left:-3.5px;z-index:30;transition:.1s;width:22px;background:#fff;opacity:.6;margin-left:-9.5px}.slider:before{top:100%}.slider:after{bottom:100%}div#before{height:100%}.content-image{max-width:unset}div#after{height:100%}