JSFiddle - React, Tailwind, and code Playground

HTML

<h2>Различный многострочный текст. Различный многострочный текст.  Различный многострочный текст. Различный многострочный текст.  Различный многострочный текст.<span id="first"></span><span id="second"></span><span id="third"></span><span id="fourth"></span><span id="fifth"></span></h2>

CSS

h2 {
  font-size:250%;
  color:#000;
  font-weight:normal;
  letter-spacing:-.05em;
  margin:.6em 0;
  position:relative; 
  font-weight:bold;
  height: 200px;
 }
#first, #second, #third, #fourth, #fifth {
  position:absolute;
  display:block;
  background-color: #ffffff;
  top: 0;
  left: 0;
  height:45px;
  width:100%;
 }
#first {
   filter: alpha(opacity=65);
   -moz-opacity: 0.65;
   opacity: 0.20;
}
#second{
   margin-top: 45px;
   filter: alpha(opacity=65);
   -moz-opacity: 0.65; 
   opacity: 0.40;  
 }
#third{
   margin-top: 90px; 
   filter: alpha(opacity=65);
   -moz-opacity: 0.65;
   opacity: 0.60;
 } 
#fourth{
   margin-top: 135px; 
   filter: alpha(opacity=65);
   -moz-opacity: 0.65; 
   opacity: 0.80;
 }
#fifth {
   margin-top: 180px; 
   filter: alpha(opacity=65);
   -moz-opacity: 0.65; 
   opacity: 0.90;
 }