Assumindo o desafio de usar o hover, fiz um efeito de "escala" na imagem.
Assim adicionei uma classe para a imagem no index, chamada de "imagem__pincipal":
<a class="imagem__principal">
<img src="./Imgens/Imagem.png" alt="Foto da Joana Santos programando">
</a>Nos estilos, chamei o hover com as seguintes configurações:
.imagem__principal:hover{
-xpedu-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}O resultado :
