JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <img class="image" src="http://placehold.it/250x250" alt="">
  <div class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas modi fugit vero laudantium porro consequuntur nihil veritatis recusandae corrupti culpa alias odio inventore rem, nostrum quod delectus pariatur reiciendis est dolores suscipit, itaque
    eius dicta incidunt a magni. Ad, minus officia saepe modi nesciunt suscipit, dolorum officiis libero mollitia ex error necessitatibus sapiente tenetur aperiam! Odit fuga cum quisquam blanditiis!</div>
</div>

<!-- второй пост -->
<div class="wrapper">
  <img class="image" src="http://placehold.it/250x250" alt="">
  <div class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas modi fugit vero laudantium porro consequuntur nihil veritatis recusandae corrupti culpa alias odio inventore rem, nostrum quod delectus pariatur reiciendis est dolores suscipit, itaque
    eius dicta incidunt a magni. Ad, minus officia saepe modi nesciunt suscipit, dolorum officiis libero mollitia ex error necessitatibus sapiente tenetur aperiam! Odit fuga cum quisquam blanditiis!</div>
</div>

CSS

/* предположим, что .wrapper это у нас ПОСТ */

.wrapper:after {
  /* clearfix, фиксит float от пикчи (попробуй убрать, всё поплывёт) */
  display: table;
  content: '';
  clear: both;
  /* опционально - отступ снизу от поста */
  margin-bottom: 30px;
}

.image {
  float: left;
  /* опционально - отступы слева-справа от пикчи */
  margin: 0 25px;
}