JSFiddle - React, Tailwind, and code Playground

HTML

<div class="oc-item">
  <div class="testimonial">
    <div class="testi-image">
      <a href="#">
        <img src="images/testimonials/img3.jpg" alt="Customer Testimonails">
      </a>
    </div>
    <div class="testi-client">
      <p class="testi-client-verified">VERIFIED CLIENT</p>
    </div>
    <div class="testi-content">
      <p>The best airport car service in Houston. I wouldn't use any other. Their drivers are pleasant and professional. They arrive early for my pick-up and get me to the airport in great time. I recommend them highly.</p>
      <div class="testi-meta">
        John A Richardson
        <span style=" margin-left: -13px;">Senior Geoscientist</span>
        <div class="rating-testi">
          <img class="rating-testi" src="images/testimonials/rating_small.png" alt="">
          <span class="testi-ratings" style="margin-left: -13px;">5.0 out of 5.0</span>
          <div class="verified_check">
            <img class="checkmark" src="images/testimonials/small_check.png" alt="">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

CSS

.testimonial {
position: relative;
color: #424242;
width: 450px;
letter-spacing: 0px;
padding: 20px;
border: 1px inset rgba(0,0,0,0.28);
border-radius: 10px 10px 10px 10px;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
opacity: .80;
filter: alpha(opacity=60); /* For IE8 and earlier */