JSFiddle - React, Tailwind, and code Playground

HTML

<section id="review">
  <div class="content_right"></div>
  <div class="content_left">
    <p>text</p>
    <p>text</p>
  </div>
  <div class="content_left">
    <p>text</p>
    <p>text</p>
  </div>
</section>

CSS

/* Targets all paragraphs */
p {display: block;clear: both;}

/* Targets all paragraphs within divs in #review */
#review div p{ padding-top:10px;}

/* Targets the first letter within each paragraph */
#review div p:first-letter{
        float: left;
        line-height:90%;
        padding-right: 15px;
        padding-bottom: 10px;
        font-family: "Georgia",_serif;
        font-weight: bold;
        font-size: 60px;
        color:black;
}    

/* Removes the padding from all except the first paragraphs */
#review > div ~ div > p ~ p, #review > .content_left ~ .content_left p:first-of-type {padding-top: 0px;  }

/* Removes the first letter stylings of the non-first paragraphs within .content_left classes */
#review > .content_left ~ .content_left p:first-of-type:first-letter, #review > div ~ div > p ~ p:first-letter 
{
   float: none;
   line-height:90%;
   padding-right: 0px;
   padding-bottom: 0px;
   font-family: "Georgia",_serif;
   font-weight: normal;
   font-size: 12px; 
}