JSFiddle - React, Tailwind, and code Playground

HTML

<div id='content row'>
    <img src=" https://blamper.ru/article/steady/52/27/33/original/5227336619ecc2d80a6a8c9a/fiat-500-600-legendarnaya-model.jpg" alt="test"  class="leftimg" />
</div>

CSS

.leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
 }

.row:after, .row:before {display: table; content: ''; line-height: 0;}
.row:after {clear: both;}

#content {
	max-width: 100%;
	padding: 10px;
	margin: 0 auto;
	width: 70%;
	background: red;
}