JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://www.differencebetween.co.in/wp-content/uploads/2011/05/Mouse-300x171.jpg">

CSS

@media screen and (min-width: 301px) and  (max-width: 640px)  {
    
    img {
        content: url(http://cats-dom.ru/wp-content/uploads/2011/08/siberian-cat-body1.jpg);
    }

} 

@media screen and (min-width: 641px) {
    
    img {
        content: url(http://www.elephant-pictures.info/elephant-sketch.jpg);
    }

}

img:hover {
    content: url(http://laughingsquid.com/wp-content/uploads/css-is-awesome-20090407-142244.jpg)
}