JSFiddle - React, Tailwind, and code Playground

HTML

<div class="circle">

</div>

<p class="name">
Max Mustermann
</p>

CSS

.circle {
  height: 50px;
  width: 50px;
  background: red;
  border-radius: 50%;
}

.circle:hover + .name { 
   display: block;
}

.name {
  display: none;
}