Modifier la position d'une infobulle

Bonjour
Je cherche à faire apparaître cette infobulle au-dessous de la souris, et non au-dessus comme c'est le cas.
Quelqu'un sait comment faire ?
Merci d'avance !

https://osvaldas.info/elegant-css-and-jquery-tooltip-responsive-mobile-friendly

Bonjour,

Je pense qu'il faut ajouter à l'infobulle une valeur comme

infobulle{
  position: absolute;
  top: 50px
}

Ajuster la valeur de "top" pour la faire descendre. Le HTML sur le lien donné est incomplet mais l'infobulle est placé en "absolue" par rapport à son parent positionné en "relative", le parent étant l'élément html qui contient l'icône <i>. Faudra repositionner la flêche aussi, si besoin. Je n'ai jamais vu autant de javascript juste pour une infobulle.

Merci.
Je l'avais déjà fait mais ça ne s'affiche pas correctement quand même.

bonsoir avec un display ce la ne fonctionne pas?