JSFiddle - React, Tailwind, and code Playground

HTML

<a href="portfoliodetail.php?id=$id" class="noHover" title="$title">
     <div class="thumbnailHome" style="background: url('images/portfolio/thumbnails/$bgthumbnail'); background-position: center center;"></div>
</a>
<a href="portfoliodetail.php?id=$id" class="noHover" title="$title">
     <div class="thumbnailHome" style="background: url('images/portfolio/thumbnails/$bgthumbnail'); background-position: center center;">fksjflkjslfjweioru wojsd lksdjl ksdfsf sdj lsdj lsdf jlsdfj wel ksdlj lkdjflkj sdfljs df</div>
</a>
<a href="portfoliodetail.php?id=$id" class="noHover" title="$title">
     <div class="thumbnailHome" style="background: url('images/portfolio/thumbnails/$bgthumbnail'); background-position: center center;">fksjflkjslfjweioru wojsd lksdjl ksdfsf sdj lsdj lsdf jlsdfj wel ksdlj lkdjflkj sdfljs df</div>
</a>

CSS

.thumbnailHome {
    width:28%;
    height: 100%;
    margin-right: 7%;
    opacity: 0.4;
    filter: alpha(opacity=40);
    float: left;
    margin-bottom: 40px;
    position: relative;
}

a:last-child div {
    margin-right: 0%;
}