Solucionado
é necessário mesmo colocar o (opacity 1) na imagem quando colocamos um efeito efeito de opacidade quando o cursor esta sobre a imagem
ou pode colocar direto o (opacity: 0.3;) no image,-beneficios:hover ????
.imagem-beneficios {
width: 60%;
opacity: 1;
transition: 400ms;
box-shadow: 10px 10px 10px 0 #000000;
}
.imagem-beneficios:hover {
opacity: 0.3;
}hoje, com a Alura e o Google Gemini
Daniel, tudo bem?
Por default o opacity é 100% (ou 1), se pensar a grosso modo você não precisaria declarar isso. Eu deixaria da forma que está por uma questão de clareza do código, talvez haja outro motivo que não achei até o momento.