.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);
}
@media only screen and (max-width: 768px) {
.galleryimg{
max-width:768px;
height:500px;
}
.nonclip{
content: url("https://assets2.razerzone.com/images/pnx.assets/acaa2f70a754eb383aea4fd8d2b8b48f/razer-blue-screen_usp1-bluescreen_mobile.webp");
}
.clipped{
content: url("https://assets2.razerzone.com/images/pnx.assets/acaa2f70a754eb383aea4fd8d2b8b48f/razer-blue-screen_usp1-bluescreen-masked_mobile.webp");
}
}