<img class="Pisa" src="pics/Pisa.png" onclick=this.src="pics/Bandiera.png" onmouseout=this.src="pics/Pisa.png">

Salve a tutti, ho usato questo codice in modo che quando clicco sull'immagine della Torre di Pisa esce fuori la bandiera italiana, il problema è che l'immagine della bandiera è più grossa di quella della Torre di Pisa (mi serve più grossa) e quando clicco non è centrata bensì spostata leggermente in alto a sinistra. C'è un modo per risolvere questo problema?

Visto che ci sono vi faccio anche un'altra domanda: vorrei che si cliccasse per tornare all'immagine iniziale (Torre di Pisa) invece di spostare il mouse fuori (onmouseout), qualche consiglio?