Oi, @JVitor, tudo bem?
Cara, pelo que eu vi, você tá aplicando a propierdade opacity: 30%
na tua classe .text-container
, que é o que está com a cor do fundo e o texto em si, certo?
Nessa situação, caso queira que apenas o seu fundo tenha uma opacidade, sugiro trocar a propriedade por:
.text-container:hover {
background-color: rgba(0, 0, 0, 0.3);
}
Faz um teste e me diz aí se funcionou 😊