JSFiddle - React, Tailwind, and code Playground

by Laurent Dufour

HTML

<div class="wrapper"></div>
<div class="wrapper chaton"></div>

CSS

.wrapper {
  position: relative;
  width:200px;
  background:#eee;
  height:200px;
  margin:0 auto 10px;
}
.chaton::after {
  content:"";
  position: absolute;
  top:0;
  left:100%;
  height:100%;
  width: calc(50vw - 100px);
  background: url(https://www.wanimo.com/veterinaire/images/articles/chat/chaton-gris.jpg);
}