JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="work">
	<li><img src="http://placehold.it/350x150" /><p>SERVICE 1<br/><p>Service 1 description.</p></li>
	<li><img src="http://placehold.it/350x150" /><p>Service 2<br/><p>Service 2 description.</p></li>
	<li><img src="http://placehold.it/350x150" /><p>SERVICE 3<br/><p>Service 3 description.</p></li>
</ul>

CSS

#work li {
   list-style-type: none !important;
}

#work li img {
    float: left;
}

#work li p {
    float: right;
}