JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
  <div class="small-box">
    <div class="extra-small-box">
    </div>
  </div>
</div>

CSS

.box{
  position: relative;
  height: 200px;
  width: 200px;
  background: olive;
}

.small-box{
  position: absolute;
  bottom: 30px;
  left: 50px;

  height: 100px;
  width: 100px;
  background: orange;
}

.extra-small-box{
  position: absolute;
  top: 30px;
  right: 30px;

  height: 40px;
  width: 40px;
  background: darkgray;
}