JSFiddle - React, Tailwind, and code Playground

HTML

<div class=wrap>
  <div class="outer">
    <div class="block"></div>
  </div>
</div>

CSS

.wrap{
  position:relative;
  width:100%;
  min-width:400px;
  overflow:hidden;
}
.outer{
	width:400px;
  height:300px;
	margin:0 auto;
	position:relative;
  background-color:#ccc;
  
}
.block{
	position:absolute;
	width:100px;
	height:100px;
	right:-50px;
	top:-10px;
  background-color:#000;
}