JSFiddle - React, Tailwind, and code Playground

HTML

<div class="img-banner">
  <img src="http://placehold.it/350x150">
	<div class="img-banner-content">HELLO WORLD</div>
</div>

<div class="img-banner">
  <img src="http://placehold.it/350x150">
	<div class="img-banner-content"></div>
</div>

<div class="img-banner">
  <img src="http://placehold.it/350x150">
	<div class="img-banner-content"></div>
</div>

CSS

.img-banner {
  max-width: 175px;
  float: left;
  margin-right: 15px;
}

.img-banner img {  
  max-width: 100%;
  height: auto;
}

JavaScript

$(document).ready(function () {
  $('.img-banner').each(function( index, element ) {
    if ( $(element).find('.img-banner-content').length > 0 ) {
      $(element).addClass("has-content");
    }
  });
});