JSFiddle - React, Tailwind, and code Playground

HTML

<img src="//via.placeholder.com/350x150" id="foo">
<link rel="preload" href="//via.placeholder.com/400x200" as="image">

JavaScript

foo.addEventListener("mouseover", over);
foo.addEventListener("mouseout", out);

function over() {
  foo.src = '//via.placeholder.com/400x200';
}
function out() {
  foo.src = '//via.placeholder.com/350x150';
}