Dependendo de como estiver seu html, dá pra fazer apenas com CSS. Se a div que você utilizar para colocar essa barra estiver dentro da div com a imagem, você pode fazer no css algo como:

#imagem:hover > #texto{...}

O css ai apenas irá impactar o id #texto, mas será ativado quando o id #imagem tiver o mouse em cima.
Dai, você pode atribuir um display none no #texto, que vira um display flex (por exemplo) quando passarem o mouse na imagem, junto das demais customizações css do seu projeto.