Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Olá Arthur, tudo certo?
Você pode utilizar as funções transition e transform no hover para ter um efeito de aumento de tamanho. A idéia dela é mais ou menos essa:
.classeIMG {
transition: 0.5s;
}
.classeIMG:hover {
transform: scale(1.1);
}
Quando você passar o mouse pela imagem ela vai aumentar de tamanho numa escala de 1 para 1.1, em um período de 0.5s.
Já para trocar a cor da imagem, você teria que ter o logo de duas cores e é um pouco mais complicado, porém possível. Com javascript é mais fácil, você verá isso mais pra frente no curso.
Espero ter ajudado, bons estudos.