JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a href="#"><img src="http://n.foto.radikal.ru/0701/e0958912cfb6.jpg" alt=""/></a><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan mi in orci tristique mollis. Curabitur condimentum arcu ipsum, et sodales justo viverra nec. Donec eget purus quis elit congue auctor eu vel turpis. Cras eget mollis elit. Praesent ac aliquam felis. Sed semper eros sit amet lacus laoreet, id luctus nisi facilisis. Nam ex diam, venenatis at nibh sed, efficitur dictum massa. Etiam suscipit mauris et nisl tempor egestas. Praesent lacinia enim augue, sed faucibus eros iaculis non. Curabitur laoreet diam quis orci faucibus, sed vulputate ante pharetra. Maecenas tristique dolor elit, vitae varius ex scelerisque at. Quisque tempus mauris ut magna ultrices, quis consectetur massa malesuada.</p></li>
    <li><a href="#"><img src="http://n.foto.radikal.ru/0701/e0958912cfb6.jpg" alt=""/></a><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan mi in orci tristique mollis. Curabitur condimentum arcu ipsum, et sodales justo viverra nec. Donec eget purus quis elit congue auctor eu vel turpis. Cras eget mollis elit. Praesent ac aliquam felis. Sed semper eros sit amet lacus laoreet, id luctus nisi facilisis. Nam ex diam, venenatis at nibh sed, efficitur dictum massa. Etiam suscipit mauris et nisl tempor egestas. Praesent lacinia enim augue, sed faucibus eros iaculis non. Curabitur laoreet diam quis orci faucibus, sed vulputate ante pharetra. Maecenas tristique dolor elit, vitae varius ex scelerisque at. Quisque tempus mauris ut magna ultrices, quis consectetur massa malesuada.</p></li>
    <li><a href="#"><img src="http://n.foto.radikal.ru/0701/e0958912cfb6.jpg" alt=""/></a><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan mi in orci tristique mollis. Curabitur condimentum arcu ipsum, et sodales justo viverra nec. Donec eget purus quis elit congue auctor eu vel turpis. Cras eget mollis elit. Praesent ac aliquam felis. Sed...

CSS

* {
    margin: 0;
    padding: 0;
}
ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: 100px;
    list-style: none;
}
img {
    width: 100px;
    height: 100px;
    margin: 10px;
    border-radius: 100%;
    position: relative;
    z-index:3;
}
p {
    display: none;
}
li:hover img {
    z-index: 5;
}
li:hover p {
    display: block;
    box-sizing: border-box;
    width: 200px;
    margin-top: -125px;
    margin-left: -40px;
    position: absolute;
    background: rgba(0,0,0,.75);
    color: #fff;
    border-radius:10px;
    z-index: 4;
    padding: 15px;
    padding-top: 130px;
}