html { overflow:hidden; }

.clipping {
  position: absolute;
  width: 14vw;
  height: 15vw;
  touch-action: none;
  background-size:contain;
  background-repeat: no-repeat;
  filter: contrast(1);
  transition:0.1s;
}

.clipping.is-dragging {
  cursor: grabbing;
  filter: contrast(2);
}

#wall {
  width:100%;
  height:98vh;
}


@media ( max-width: 1200px) {
  .clipping { height: 22vw; }
}

@media ( max-height: 850px) {
  #wall { height:90vh; }
}

@media ( max-height: 700px) {
.clipping { transform: scale(0.8); }
  #wall { height:75vh; }
}

@media ( max-height: 550px) {
  #wall { height:50vh; }
.clipping { transform: scale(0.7); }
}

@media ( max-height: 300px) {
  #wall { height:30vh; }
}