JSFiddle - React, Tailwind, and code Playground

HTML

<div class="blog-post-listing">
  <div class="logo-heading-block"></div>
  <div class="wiki-content">
    <img src="http://via.placeholder.com/100x100">
    <p>text</p>
  </div>
</div>
<div class="blog-post-listing">
  <div class="logo-heading-block"></div>
  <div class="wiki-content">
    <img src="http://via.placeholder.com/100x100">
    <p>text</p>
  </div>
</div>
<div class="blog-post-listing">
  <div class="logo-heading-block"></div>
  <div class="wiki-content">
    <img src="http://via.placeholder.com/100x100">
    <p>text</p>
  </div>
</div>

CSS

.blog-post-listing {
  margin: 5px;
  padding: 5px;
  border: 1px solid;
  width: calc(33% - 24px);
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.logo-heading-block {
  background: green;
  min-height: 10px;
}

JavaScript

$(function() {
  $('.company_news .wiki-content img:eq(0)').each(function() {
    $(this).parents('.blog-post-listing').find('.logo-heading-block').prepend(this);
  });
});