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

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

.a-pig {
  background: url('../images/hair-scalp/prp-gfc-hairtreatment-after.png') center/cover no-repeat;
}

.b-pig {
  background: url('../images/hair-scalp/prp-gfc-hairtreatment-before.png') center/cover no-repeat;
}

.a-kor {
  background: url('../images/hair-scalp/dandruff-treatment-after.png') center/cover no-repeat;
}

.b-kor {
  background: url('../images/hair-scalp/dandruff-treatment-before.png') center/cover no-repeat;
}

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

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