JSFiddle - React, Tailwind, and code Playground

HTML

<div class="thing">I'm a block of text</div>

CSS

.thing{
    display:block;
    height:300px;
    width:300px;
    background:url('http://lorempixum.com/300/300') no-repeat;
    background-position:-300px;
    border:1px solid grey;
    -webkit-transition:background-position 1s ease;
}

.thing:hover{
    background-position:0px;
    color:red;
}