JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident autem voluptas corporis cumque atque aliquam nostrum a iste labore dolorum. Pariatur optio nostrum error vitae quibusdam deserunt, neque placeat maiores sint magnam recusandae quas est, ipsa repellat atque nam. Dolor vitae autem quis deleniti tempora optio ad quaerat, nisi repellat.</p>
    <div class="block"><div class="inner"></div></div>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident autem voluptas corporis cumque atque aliquam nostrum a iste labore dolorum. Pariatur optio nostrum error vitae quibusdam deserunt, neque placeat maiores sint magnam recusandae quas est, ipsa repellat atque nam. Dolor vitae autem quis deleniti tempora optio ad quaerat, nisi repellat.</p>
</div>

CSS

.wrapper {
    width: 600px;
    background: #EEE;
    margin: 0 auto;
}
.block {
    height: 300px;
}
.inner {
    position: absolute;
    left: 0;
    width: 100%;
    height: 300px;
    background: #B4F1B4 url(http://placehold.it/300x300) no-repeat;
}