JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="small">Small</div>
    <div class="large">Large</div>
  </div>

CSS

.container {
      width: 600px;
      height: 800px;
      position: relative;
      margin: 10px auto;
    }
      .container .large {
        position: absolute;
        width: 600px;
        height: 800px;
        background-color: green;
        z-index: 1;
      }
      
      .container .small {
        position: absolute;
        bottom: 0;
        left: 200px;
        z-index: 2;
        width: 200px;
        height: 200px;
        background-color: red;
      }