JSFiddle - React, Tailwind, and code Playground

by sectioni

HTML

<div class="container1">
  <img src="https://vignette.wikia.nocookie.net/lego/images/c/c3/39215-grumpy-cat-no-Rwoe.jpeg/revision/latest?cb=20130709214607"/>
</div>

CSS

html,body {
  height:100%;
}

body {
  position:relative;
}

.container1 {
  position:absolute;
  right:0;
  top:0;
  background-color:#A0F7A0;
  height:100%;
  direction:rtl;
 
  
}

img{
  position:relative;
  background-color:#F7ACA0;
  height:100%;
  width:auto;
  z-index:2;
  display:block;
  pointer-events:none;
}