JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="one"></div> <img /><div class="two"></div>
</div>

<div class="wrapper">
    <div class="one"></div>
    <div class="two"></div>
</div>

CSS

.wrapper{
    margin-bottom: 40px;
}
.one, .two{
    border: 1px solid #555;
    padding: 20px;
    display: inline-block;
}

.one{
    background: green;
}
.two{
    background: red;
}

.one + .two {
    background: yellow;
}