JSFiddle - React, Tailwind, and code Playground

HTML

<div class="pure-u-1 pure-u-md-1-3">
 <div class="project", id="project1">
  <div class="pure-img">
 </div>
</div>

CSS

.project {
  background-color: #f5f4f4;
  margin: 0 0.5em 2em;
  padding: 4em 4em;
}

#project1:hover {
  background-color: red;
}

.pure-img{
    background-image: url(http://dummyimage.com/600x400/000/fff);
    width: 80px; 
    height: 78px;
}

#project1:hover .pure-img {
    background-image: url(http://dummyimage.com/600x400/666/0011fc);
}