Please close the img elements (e.g., <code>&lt;img src="..." /&gt;</code>).

Also, how would this work with a keyboard? Will the fade happen when it gains keyboard focus? Should be focussable through keyboard. Adding <code>tabindex="0"</code> will make it focussable.

Shouldn't there be alt text since it is not purely for decoration? Can just add placeholder alt text for the demonstration.