JSFiddle - React, Tailwind, and code Playground

HTML

<div class="origin"><img class="first" src="http://lorempixel.com/400/200" /></div>

<div class="origin"><img class="second" src="http://lorempixel.com/400/200" /></div>

CSS

img {
  position: absolute;
}

.first {
  clip: rect(40px, 260px, 150px, 80px);
}

.second {
  clip: rect(40px, 150px, 260px, 80px);
}

.origin {
  width: 400px;
  height: 200px;
  position: relative;
  margin: 20px auto;
  border: 3px dashed royalblue;
}