JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap-1">
    <div class="container-1"></div>
  </div>
  <div class="wrap-2">
    <div class="container-2"></div>
  </div>

CSS

.wrap-1, .wrap-2 {
      width: 100px;
      height: 100px;
      margin: 50px auto;
      position: relative;
      background: #999;
    }
    .container-1, .container-2 {
      width: 50px;
      height: 50px;
      position: absolute;
      top: -20px;
      left: 20px;
      background: #000;
    }    
    .wrap-1 {
      overflow: hidden;
    }