JSFiddle - React, Tailwind, and code Playground

HTML

<div class="jumbotron">
  <div class="container">
    <div class="irow">
        <div class="col-md-8">
          <img src="http://www.animaux.arroukatchee.fr/babouin/babouin.jpg" />
          Inès va morfler grave
        </div>
        <div class="col-md-4">Tête</div>
        <div class="col-md-8">Inès que des mots&nbsp;!</div>
        <div class="col-md-4">Pompon</div>
    </div>
  </div>
</div>

CSS

.col-md-8 { width: 60% }
.col-md-4 { width: 30% }
.irow div:nth-child(4n+1),
.irow div:nth-child(4n+2) {
  background-color: #FCF;
  outline: 2px solid red;
}
.irow div:nth-child(4n+3),
.irow div:nth-child(4n+4){
  background-color: #CFF;
  outline: 2px solid blue;
}
.irow > div {
  height: 80px;
  min-height: 60px;
}
img {
  height:80px;
  vertical-align: middle;
  outline: solid 1px #34fffe;
}