.a-tan {
  background: url('../images/body-contouring/body-sculpting-after.png') center/cover no-repeat;
}

.b-tan {
  background: url('../images/body-contouring/body-sculpting-before.png') center/cover no-repeat;
}

.a-pig {
  background: url('../images/body-contouring/stretch-marks-removal-after.png') center/cover no-repeat;
}

.b-pig {
  background: url('../images/body-contouring/stretch-marks-removal-before.png') center/cover no-repeat;
}

.a-kor {
  background: url('../images/body-contouring/varicose-vein-treatment-after.png') center/cover no-repeat;
}

.b-kor {
  background: url('../images/body-contouring/varicose-vein-treatment-before.png') center/cover no-repeat;
}

.hc-a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url('../images/body-contouring/banner/real-atient-body-sculpting-after.png') center/cover no-repeat;
  z-index: 1;
}

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