JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">
  </div>

CSS

.test { 
    width: 50%;
    height: 300px;
    position: relative;
    left: 30px;
    top: 30px;
    transition: all 1s;
}

.test:hover {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}

.test:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: url("http://placekitten.com/200/300");
    background-size: cover;
}