JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
    <div class="image-1">
        <img src="http://www.bugaga.ru/uploads/posts/2012-04/1334857925_foto-11.jpg" alt="Картинка №1">
        <img src="http://www.bugaga.ru/uploads/posts/2012-04/thumbs/1334966832_deserts-14.jpg" alt="Картинка №2">
    </div>
</body>
</html>

CSS

.image-1{
        position: relative;
    }
    .image-1 img[src$="14.jpg"]{
        position: absolute;
        display: none;
        top:0;
    }
    .image-1:hover img[src$="14.jpg"]{
        display: block;
    }