JSFiddle - React, Tailwind, and code Playground

HTML

<div>
Проблема в том, что никогда не нужно затухание всего текста, текст обрывается на последней строчке, её и нужно затухать. Пример, о чем я говорююю:
    
    </div>

CSS

div{
width:280px;
color:#000;
position:relative;
overflow:hidden;
}


div:after{
content:"";
position:absolute;
bottom:-20px;
right:-20px;
width:30px;
height:30px;
border-radius:30px;
background:#fff;
box-shadow:-30px 30px 35px 55px #fff;
}