.galleryimg {
max-width:1200px;
margin: 0px auto;
height: 700px;
position: relative;
text-align: left;  
  direction:ltr;
}
.galleryimg img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit:cover;
  left:0;
}
.dragger {
  display:none;
  width: 4px;
  height: 100%;
  background: #fff;
  opacity: 0.75;
  position: absolute;
}
.dragger:after {
    content: "";
    width: 30px;
    height: 30px;
    background-color: #44d62c;
    border: 2px solid #fff;
    border-radius: 100%;
    top: 50%;
    left: 0px;
    margin: -13px;
    position: absolute;
}
.clipped {
  -webkit-clip-path: inset(0px 320px 0px 0px);
          clip-path: inset(0px 320px 0px 0px);
}
.compare-slider{
  display: block;
	 position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
}
.compare-slider:focus ~ .dragger:after{
  outline: 2px solid #fff;
  outline-offset: 2px;
}
@media only screen and (max-width: 768px) {
.galleryimg{
max-width:768px;
height:500px;
}
.nonclip{
content: url("//assets2.razerzone.com/images/pnx.assets/6f967fb944ed359272f6625b59321b28/razer-blade14-p10-calman-verified-slider-full-color-mobile-768x500.webp");
}
.clipped{
content: url("//assets2.razerzone.com/images/pnx.assets/6f967fb944ed359272f6625b59321b28/razer-blade14-p10-calman-verified-slider-desaturated-mobile-768x500.webp");
}
}