JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
  <p>  
 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not 
  </p>
</div>

CSS

.block{
    width: 94%;
    padding: 0 3% 30px;
    position: relative;
    background: #fff;
}
.block:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 130px;
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%);
}