JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
         <h3>Apresentação</h3>

        <div style="display:none" class="empresaMenusEsqHover">Teste</div>
    </li>
    <li>
         <h3>Perfil da Empresa</h3>

        <div style="display:none" class="empresaMenusEsqHover">Teste</div>
    </li>
    <li>
         <h3>Histórico</h3>

        <div style="display:none" class="empresaMenusEsqHover">Teste</div>
    </li>
    <li>
         <h3>Mercado de Atuação</h3>

        <div style="display:none" class="empresaMenusEsqHover">Teste</div>
    </li>
</ul>

CSS

li{
    height: 5em;
}
.empresaMenusEsq {
    width: 228px;
    height: 145px;
    padding-left: 10px;
    padding-top: 15px;
    background-color: white;
}
.empresaMenusEsq li h3 {
    font-family:"Open-Sans-SemiBold";
    font-size: 15px;
    color: #333333;
    margin-bottom: 10px;
}
li:hover .empresaMenusEsqHover  {
    display: block !important;
}
.empresaMenusEsqHover {
    background-image: url("../imagens/empresaMenusEsq.png");
    background-repeat: no-repeat;
    position: absolute;
    width: 248px;
    height: 29px;
}