JSFiddle - React, Tailwind, and code Playground

by SĂ©bastien Lorentz

HTML

<p>test</p>
<div id="overlay-wrapper">
  <div><img src="https://i.imgur.com/WA1gEDM.png"></div>
  <div id="overlay-image-wrapper"><img src="https://i.imgur.com/DtffXCN.png"></div>
</div>
<p>test</p>

CSS

#overlay-wrapper div {
  height: 50vh;
  max-width: 75vw;
  position: fixed;
}

#overlay-wrapper img {
  height: 100%;
}

#overlay-image-wrapper {
  resize: horizontal;
  overflow: hidden;
  padding-right: 15px;
  border-right: 3px solid black;
}