JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.wrap{
    width: 400px;
    height: 260px;
    overflow: hidden;
    border-radius: 15px;
}
.image{
    background: url(http://blog.dothegreenthing.com/wp-content/uploads/2012/10/take-a-smile.jpg) no-repeat;
    width: 400px;
    height: 260px;
    transition: all 2s ease-out;
}
.image:hover{
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    cursor: pointer;
}