JSFiddle - React, Tailwind, and code Playground

HTML

<div id="maincontent">
     <div id="illustration">
         MahmMahmoodM ahmoodMahmoodMahmoodMah moodMahmoodMahmo odMahmoodMahmoodMahm oodMahmoodMa hmoodMahmoodMahmoo  dMahmoodMahmood ood
     </div>
</div>

CSS

#maincontent {
    background:#CFCFCF;
    height:400px;
    width:250px;
    position:relative;
}
#illustration {
    background: red;
    position:absolute;
    bottom:0px;
    width:250px;
    word-wrap:normal;
}