*{box-sizing:border-box}.img-comp-container{position:relative;height:310px;max-width:100%;overflow:hidden}.img-comp-img{position:absolute;top:0;bottom:0;width:100%;overflow:hidden}.img-comp-img
img{display:block;width:100%;height:auto;vertical-align:middle}.img-comp-slider{position:absolute;z-index:9;cursor:ew-resize;width:60px;height:60px;background-color:white;border-radius:50%;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;font-size:16px;color:black;font-weight:bold;font-family:'Poppins'}.img-comp-separator{position:absolute;width:5px;background-color:white;top:0;bottom:0;left:50%;transform:translateX(-50%)}.img-comp-label{position:absolute;background:rgba(0, 0, 0, 0.5);color:#fff;padding:2px
7px;border-radius:3px;font-size:14px;transform:rotate(-90deg);transform-origin:center;white-space:nowrap;z-index:1}.img-comp-label-before{top:50%;right:0px;transform:translateY(-50%) rotate(-90deg)}.img-comp-label-after{top:50%;left:0px;transform:translateY(-50%) rotate(-90deg)}