JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="inner">
        <div class="example">
        </div>
    </div>
</div>

CSS

.wrapper{
    width: 400px;
    height: 200px;
    border: 2px solid red;
    position:relative;
    top:200px;
}
.inner{
    max-width: 100%;
    overflow-x: hidden;
    border:1px blue solid;
}
.example{
    width:600px;
    height:500px;
    background:green;
    position:relative;
    left:100px;
    top:-200px;
}