Executando verificação de segurança...
1

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 😊

Carregando publicação patrocinada...