JSFiddle - React, Tailwind, and code Playground

HTML

<div id="center">
    <div id="left"></div>
     
    <img src="http://lorempixel.com/200/200" />
    
    <div id="right"></div>
</div>

CSS

#left, #right {
    width: 100px;
    background: orange;
    height: 200px;
    position: absolute;
    top: 0;
    left: -100px;
}

#right {
    left: 100%;
}

#center {
    margin-left: 100px; /* width of the left div */
    position: relative;
    display: inline-block;
}