I am trying to make an element only appear when another element is "hovered".

The code is as follows:

#form-field-numerocnh.elementor-field-textual {
      background-image: url("http://3.87.64.242/wp-content/uploads/2021/12/arrow-drop-down.png");
      background-repeat: no-repeat;
    background-color: #ffffff;
    border-width: 2px 2px 2px 2px;
    border-radius: 8px 8px 8px 8px;
  background-size: 20px;
  background-position: 95%;
}

.imagem-ajuda {
    display:none;
}

.elementor-field-textual:hover + .imagem-ajuda {
    display:block !important;
}

The code itself works, even the

.imagem-ajuda {
    display:none;
}

Now, the part that was supposed to make the element appear again doesn't work, which is:

.elementor-field-textual:hover + .imagem-ajuda {
    display:block !important;
}

I already tried with:

#form-field-numerocnh.elementor-field-textual:hover + .imagem-ajuda {
    display:block !important;
}

But doesn't work :(