Hover Übergangsdauer

Guten Morgen,

ich editiere aktuell Bild-Hover aktuell über den Texteditor und würde in diesem Fall gerne die Übergangsdauer ändern. Welchen Befehl benötige ich und wo muss ich diesen hier einbauen?

Eigenes CSS:

img.nohover {
border:0
}
img.hover {
border:0;
display:none
}
a:hover img.hover {
display:inline
}
a:hover img.nohover {
display:none
}

Texteditor:

<a href="https://www." target="_blank" rel="noopener"><img class="hover" src="https://" width="90" height="90" /><img class="nohover" src="https" width="90" height="90" /></a>

Danke für Eure Hilfe!

Hab jetzt folgendes ergänzt, aber der Übergang verändert sich nicht. Die Bildverschiebung klappte mit +/-Xpx

a:hover img.hover {
transform: translateY(0px);
transition: all 4s ease-in-out;
}

a:hover img.nohover {
transform: translateY(0px);
transition-delay: 4s;
}