JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="banners">
        <div class="first"><img src="http://placehold.it/200x200"></div>
        <div class="second"><img src="http://placehold.it/200x200"></div>
    </div>
</div>

CSS

.wrapper {
    width:500px;
    height:600px;
    margin:0 auto;
    border:1px solid red;
    
}
.banners img {
    width:100%;
    border:1px solid blue;
}
.banners .first, .banners .second {
    float:left;
    width:50%;
}