JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="first">
      <div id="second"></div>
     </div>
</body>

CSS

#first {
        width: 100px;
        height: 100px;
        background: red;
        overflow: hidden;
       }
       #first #second{
           position: relative;
           width: 50%;
           height: 50%;
           margin: auto;
           margin-top: 25%;
           background: green;
        }