JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
    <div class="fLeft">
        <img src="http://placehold.it/100/3abbbc">
    </div>
    <div class="fRight">
        <img src="http://placehold.it/250x100">
    </div>
</div>
<div class="row">
    <div class="fLeft">
        <img src="http://placehold.it/250x100">
    </div>
    <div class="fRight">  
        <img src="http://placehold.it/100/3abbbc">
    </div>
</div>
<div class="row">
    <div class="fLeft">
        <img src="http://placehold.it/100/3abbbc">
    </div>
    <div class="fRight">
        <img src="http://placehold.it/250x100">
    </div>
</div>

CSS

.row{overflow:hidden; width:365px; margin:0px auto; margin-bottom:15px;}

.fLeft{float:left; margin-right:10px;}
.fRight{float:right}