.imagem-beneficios { width: 60%; opacity: 1; transition: 400ms; }
.imagem-beneficios:hoover { opacity: 0.7;
.imagem-beneficios { width: 60%; opacity: 1; transition: 400ms; }
.imagem-beneficios:hoover { opacity: 0.7;
Resolvi colocando os valores com o simbolo da porcentagem.
.imagem-beneficios { width: 60%; opacity: 30%; }
.imagem-beneficios:hover { opacity: 100%; }
Eai Robson!
Lembre-se de usar a propriedade {transition: Xs opacity;} para que a transição seja suave :)