<div class="block clearfix">
  <img class="block__image" src="//placehold.it/320x240" alt="">
  <h3 class="block__title">Lorem ipsum, dolor sit</h3>
  <p class="block__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt dolor eveniet, doloribus qui laudantium inventore vero doloremque? Quia explicabo saepe sapiente animi officia omnis vitae ut, beatae assumenda laboriosam voluptatum?</p>
</div>

<hr>
<h3>Lorem ipsum dolor sit amet consectetur.</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Consequatur cupiditate fugit quis esse obcaecati delectus quia dolores iste impedit tempora saepe, laboriosam quidem pariatur doloremque aliquam quo, praesentium nesciunt. Sequi placeat asperiores minus atque quod quam est id dignissimos. Labore dolore, repudiandae sunt molestias aliquid saepe sed non expedita. Assumenda incidunt harum sed officiis nostrum. Officiis quas fugiat aut, minus in assumenda quidem consequuntur et! Quae praesentium dolore iste necessitatibus, autem nobis sed. Officiis dignissimos quibusdam minima facilis hic? Excepturi, a eligendi in aliquam dicta debitis rem? Ipsum praesentium ad illo? Ipsa veritatis asperiores architecto officia, eaque veniam tenetur dolores!</p>

.block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.block__image {
  width: 100%;
}

.block__title {
  order: -1;
}


@media (min-width: 576px) {
  .block {
    display: block;
  }
  .block__title, .block__text {
    width: 50%;
  }
  .block__image {
    float: right;
    width: 50%;
    margin-left: 15px;
  }
}

.clearfix:after {
  content: '';
  display: table;
  clear: both;
}