JSFiddle - React, Tailwind, and code Playground

HTML

<div class="story clearfix">
				<div class="story_item">
						<div class="left">
								<h3>
								<span>July 2010</span><br>
								Our Humble Beginnings
								</h3>
								<p>
								Proin iaculis purus consequat sem cure
								digni ssim. Donec porttitora entumsuscipit
								aenean rhoncus posuere odio in tincidunt. Proin
								iaculis purus consequat sem cure digni 
								ssim. Donec porttitora entum suscipit.
								</p>
						</div>
						<div class="img">
							<img src="https://pp.userapi.com/c849216/v849216222/10a4dc/d76xpOKUMXc.jpg?ava=1about1.jpg" alt="Про нас">
						</div>
				</div>
				<div class="story_item clearfix">
					<div class="right">
							<h3>
							<span>July 2010</span><br>
							Our Humble Beginnings
							</h3>
							<p>
							Proin iaculis purus consequat sem cure
							digni ssim. Donec porttitora entumsuscipit
							aenean rhoncus posuere odio in tincidunt. Proin
							iaculis purus consequat sem cure digni 
							ssim. Donec porttitora entum suscipit.
							</p>
					</div>
					<div class="img">
						<img src="https://pp.userapi.com/c849216/v849216222/10a4dc/d76xpOKUMXc.jpg?ava=1about1.jpg" alt="Про нас">
					</div>
				</div>
		</div>

CSS

.clearfix:after
	content: "";
	display: table;
	width: 100%;
	clear: both;
  }
.story_item {
 	margin-bottom: 93px;
}
.img {
	margin: 0 0 0 373px;
}
.left {
	float: left;
	width: 290px;
	text-align: right;
	margin: 0 0 0 60px;
}
.right {
	float: right;
	width: 290px;
	margin: 0 60px 0 0;
}