JSFiddle - React, Tailwind, and code Playground

HTML

<style>
    .outerdiv {
      margin: 100px;        
      position: absolute;
      height: 20%;
      background: red;
      border: 1px solid red;
      width: 50%;
      overflow:hidden;
    }

.innerdiv{
  background: blue;
  position: relative;
  width: 100px;
  height: 200px;
  top: 50%;
  margin: -100px auto 0;
}
    
</style>
    
  <div class="outerdiv">
   <div class="innerdiv">

    ... div 200px*100px on center ...

   </div>
 </div>