.c-image-split img {
  display: block;
  width: 100%;
  height: auto;
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100% 400'><rect x='0' y='0' width='49%' height='83%' fill='white'/><rect x='51%' y='17%' width='49%' height='83%' fill='white'/></svg>");

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-size: contain;
  mask-size: contain;

  -webkit-mask-position: center;
  mask-position: center;
}

.c-image-split--fullheight img{
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100% 400'><rect x='0' y='0' width='62%' height='100%' fill='white'/><rect x='65%' y='0' width='35%' height='100%' fill='white'/></svg>");
}
.c-image-split--fullheight-reverse img{
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100% 400'><rect x='0' y='0' width='35%' height='100%' fill='white'/><rect x='38%' y='0' width='62%' height='100%' fill='white'/></svg>");
}