JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
                <div class="img"><img src="b-img1.jpg"></div><div class="text"></div>
                <div class="text"></div><div class="img"><img src="b-img1.jpg"></div>
                <div class="img"><img src="b-img1.jpg"></div><div class="text"></div>
            </div>

CSS

.wrap {
    width: 100%;
    background: #252525;
    overflow: hidden;
}
.img {
    width: 68%;
    height: auto;
    float: left;
    margin: 1%;
    background: #bfbfbf;
}

.img img{
    width: 100%;
}
.text {
    width: 28%;
    height: auto;
    float: left;
    margin: 1%;
    background: #ffffff;
}