JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li class="item item-highlighted">
    <img src="http://lorempixel.com/80/80" width="80" height="80" alt="an awesome image">
    <h1>This is a great image!</h1>
  </li>
  <li class="item">
    <img src="http://lorempixel.com/80/80" width="80" height="80" alt="an awesome image">
    <h1>This is a great image!</h1>
  </li>
  <li class="item">
    <img src="http://lorempixel.com/80/80" width="80" height="80" alt="an awesome image">
    <h1>This is a great image!</h1>
  </li>
</ul>

CSS

ul { margin: 0; padding: 0; list-style; none;}
.item-highlighted { font-size: 20px; }
.item { display: block; border: 1px solid grey; }
.item img { width: 5em; height: 5em; }
.item h1 { font-size: 1.2em; }