JSFiddle - React, Tailwind, and code Playground

HTML

<div id="kutu">


<div id="grandad"></div>
<div id="father"></div>
<div id="element"></div>
</div>

CSS

#kutu{

  position: relative;
  top:0;
  left: 0;

}
#grandad {
  background-color: pink;
  width: 240px;
  height: 160px;
  position: static;
}

#father {
  background-color: paleturquoise;
  width: 240px;
  height: 160px; 
  position: relative;
  left: 50px;
}

#element {
  background-color: plum;
  width: 240px;
  height: 160px; 
  position: absolute;
  
  
  
}