JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container1"></div>
<div class="container">
    <img src="http://placehold.it/350x300" alt="">
</div>
<div class="container2"></div>

CSS

.container, .container1, .container2 {
    height: 200px;
    width: 500px;
    margin: 0 auto;
    background: yellow;
    position: relative;
}
.container1 {
    background: blue;
}
.container2 {
    background: green;
}

.container img {
    position: absolute;
    right: -100px;
    top: -50px;
    z-index: 1;
    
}