JSFiddle - React, Tailwind, and code Playground

by Scott Currell

HTML

<div class='container'>
        <div>
            <img src="https://i.postimg.cc/9QsRxd2q/Michael.png" alt="Michael"/ width="25%" height="25%">
        </div>  
    <div>
    <ul>
    <h1><br /><b>Michael Schlaefer, CEO</b></h1>
    <h4><li>Owner of Global Development Contractors, LLC; Plymouth Industries, LLC; Liberty Stone & Aggregates - Clinton Quarry, LLC; Vision Development Group, LLC; and Green Earth Container Service, LLC.</li>
    <li>Over 40 years of experience in site work; demolition; remediation; trucking material management, facility operations, complex brownfield and landfill redevelopment projects.</li>
    <li>Board member – Tewksbury Environmental Commission</li></h4>
    </ul>
    </div>
</div>

        <!-----#Jen----->
<div class='container'>
        <div>
            <img2><img src=https://i.postimg.cc/nhX9YdyJ/Jen.png alt="Jen"/ width="60%" height="60%"></img2>
        </div>  
    <div>
    <ul>
    <h1><br /><br /><b>Jennifer D. Kraft, COO</b></h1>
    <h4><li>In-house counsel for Global Development Contractors, LLC with extensive experience with material management, operations, site development and compliance with environment regulations.</li>
    <li>Chair – Tewksbury Board of Health</li>
    <li>Member – Professional Women in Construction (PWC)</li></h4>
    </ul>
    </div>
</div>

CSS

.container {
  display: flex;
}

.container:nth-of-type(even) {
  flex-direction: row-reverse;
}