JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    
    <div id="content1">
        <ul class="tmo_list">
                <strong>
          Commercial Buildings<br><br>
          Shopping Centers<br><br>
          Dumpster Pads<br><br>
          Decks & Patio<br><br>
          Store Fronts<br><br>
          Restaurants<br><br>
          Drive Ways<br><br>
          Awnings<br><br>
                </strong>
            </ul>

    </div>
    
    <div id="imageCol">
        <div class="wrapper">
        <img src="http://theclassroomkit.com/images/link_icons/literacylinks/starfall-abc.gif"/>
    </div>

    </div>
    
    <div id="content2">
            <strong>
          Office Buildings<br><br>
          Business Signs<br><br>
          Loading Docks<br><br>
          Rust Removal<br><br>
          Wood Fences<br><br>
          Gas Stations<br><br>
          Bus Stops<br><br>
          Homes<br><br>
                </strong>
            </ul>

    </div>
    
</div>

CSS

#container {
    width: 100%;
    margin: 0 auto;
}

#content1 {
    float: left;
    width: 30%;
}

#imageCol {
    float: left;
    width: 40%;
}

#content2 {
    float: left;
    width: 30%;
}


.wrapper img {
display: inline-block;
max-width: 100%;
height: auto;
width: auto;
}