JSFiddle - React, Tailwind, and code Playground

HTML

<div class="the-div" id="test-1"></div>

CSS

.the-div {
    background-image: url('https://upload.wikimedia.org/wikipedia/en/thumb/2/21/Small_bird_in_Meiji_Shrine.jpg/640px-Small_bird_in_Meiji_Shrine.jpg');
    margin: 10px;
    width: 200px;
    height: 80px;
    background-size:100% auto;
}

.the-div:hover {
    outline: 1px solid black;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgkAQAABwAGkn5GOoAAAAASUVORK5CYII=), url("https://upload.wikimedia.org/wikipedia/en/thumb/2/21/Small_bird_in_Meiji_Shrine.jpg/640px-Small_bird_in_Meiji_Shrine.jpg");
}

JavaScript

/*
Note:
This image is just a placeholder.
*/