JSFiddle - React, Tailwind, and code Playground

HTML

<div class="relative">
  <div class="absolute">
    <div class="fixed"></div>
  </div>
</div>

CSS

.relative{
  position: relative;
  height:800px;
  width: 400px;
  background: #000;
}

.absolute{
  height:60px;
  width: 60px;
  position: absolute;
  top:0;
  right:0;
  background: #ccc;
  -webkit-transform: translateZ(0); 
}

.fixed{
  height:20px;
  width: 20px;
  background: red;
  position: absolute;
  bottom:0;
  left:0;
}