JSFiddle - React, Tailwind, and code Playground

HTML

<div class="image"></div>

CSS

body {
    background-image: url("background.jpg");
    margin:0 auto;
    padding:0;
}
.image {
    background-color: green;
    width: 100px;
    height: 100px; 
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.image:hover {
    background: #0088FF;
}