JSFiddle - React, Tailwind, and code Playground

HTML

<div class="game">
    <div class="block1"></div>
    <div class="block2"></div>
</div>

CSS

.game {
    position:absolute;
    width:400px; height:300px;
    top:100px; left:100px;
    background-color:#cccccc;
    
    overflow-x:hidden;
    overflow-y:visible;
}

.block1 {
    position:absolute;
    width:100px; height:100px;
    top:-50px; left:150px;
    background-color:#ffcccc;
}

.block2 {
    position:absolute;
    width:100px; height:100px;
    top:150px; left:-50px;
    background-color:#ccffcc;
}