.a-tan {
  background: url('../images/specialized-laser/laser-hair-removal-after.png') center/cover no-repeat;
}

.b-tan {
  background: url('../images/specialized-laser/laser-hair-removal-before.png') center/cover no-repeat;
}

.a-pig {
  background: url('../images/specialized-laser/tattoo-removal-after.png') center/cover no-repeat;
}

.b-pig {
  background: url('../images/specialized-laser/tattoo-removal-before.png') center/cover no-repeat;
}

.a-kor {
  background: url('../images/specialized-laser/co2-laser-treatment-after.png') center/cover no-repeat;
}

.b-kor {
  background: url('../images/specialized-laser/co2-laser-treatment-before.png') center/cover no-repeat;
}

.hc-a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url('../images/specialized-laser/banner/real-patient-laser-hair-removal-after.png') center/cover no-repeat;
  z-index: 1;
}

.hc-b {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url('../images/specialized-laser/banner/real-patient-laser-hair-removal-before.png') center/cover no-repeat;
  z-index: 2;
  clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
}