JSFiddle - React, Tailwind, and code Playground
HTML
<div class="row multi-columns-row kwayy-items-wrapper">
<div class="kwayy-testimonial-box col-lg-4 col-sm-6 col-md-4 col-xs-12">
<div class="kwayy-testimonial-data">
<blockquote class="kwayy-testimonial-text">
<div class="contarea">
<div class="kwayy-tst-contarea-text">
<h2 style="text-align: center;">one</h2>
<h4>first box</h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
</div>
<footer> <span class="kwayy-testimonial-icon kwicon-fa-quote-left" style="font-style: italic"></span> <cite class="kwayy-testimonial-title"></cite>
</footer>
</blockquote>
</div>
</div>
<div class="kwayy-testimonial-box col-lg-4 col-sm-6 col-md-4 col-xs-12">
<div class="kwayy-testimonial-data">
<blockquote class="kwayy-testimonial-text">
<div class="contarea">
<div class="kwayy-tst-contarea-text">
<h2 style="text-align: center;">two</h2>
<h4>second box</h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
</div>
<footer> <span class="kwayy-testimonial-icon kwicon-fa-quote-left" style="font-style: italic"></span> <cite class="kwayy-testimonial-title"></cite>
</footer>
</blockquote>
</div>
</div>
<div class="kwayy-testimonial-box col-lg-4 col-sm-6 col-md-4 col-xs-12">
<div class="kwayy-testimonial-data">
<blockquote class="kwayy-testimonial-text">
<div class="contarea">
<div class="kwayy-tst-contarea-text">
<h2 style="text-align: center;">three</h2>
<h4>third box</h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
</div>
<footer> <span...
CSS
.kwayy-testimonial-box:nth-child(1) .contarea {
background-color:#555;
}
.contarea {
border:3px solid #333;
}