.slideronetwocontainer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.slideronetwo{position:relative;width:48%;height:auto;aspect-ratio:4/3;overflow:hidden;margin:1%;border-radius:10px}
.slideronetwo-before,.slideronetwo-after{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.slideronetwo-before{clip-path:inset(0 50% 0 0)}
.slideronetwo-after{clip-path:inset(0 0 0 50%)}
.slideronetwo-bar{position:absolute;top:0;left:50%;width:4px;height:100%;margin-left:-2px;background-color:#222;opacity:0.6;cursor:col-resize;pointer-events:auto}
.slideronetwoarrows{position:absolute;top:50%;left:-25px;margin-top:-15px}

@media (max-width: 800px) {
.slideronetwo{width:46%;margin:2%}
}

@media (max-width: 600px) {
.slideronetwo{width:100%;margin:2% 0}
}