JSFiddle - React, Tailwind, and code Playground

HTML

<div class="about-team">
    <div class="client">
        <div class="about-team-left">	<a href="#"><img src="http://placehold.it/150x150"></a>

        </div>
        <div class="about-team-right">
            <p>Just writing a quick note to tell you how very happy we are with our new addition to our family... Our "Molly" is such an adorable puppy... <a id="rm">READ MORE</a>
            </p>
        </div>
        <div class="readmore1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, qui est quo consequuntur esse iure tempora. Hic tenetur nemo repudiandae quae unde sed aliquid deleniti ad! Facilis, reprehenderit culpa mollitia.</div>

CSS

.readmore1 {
    display: none;
}
#rm:hover + .readmore1 {
    display: block;
    height: 100px;
    width: 200px;
}