JSFiddle - React, Tailwind, and code Playground

HTML

<h3 class="head"></h3>
<h3 class="body"></h3>
<h3 class="foot"></h3>

CSS

h3 {
    content: " ";
    display: block;
    background: url("http://pngimg.com/upload/sprite_PNG8927.png") no-repeat;
}

.head::before {
    background-position: 0px 0px;
    width: 431px;
    height: 100px;
}

.body::before {  
    background-position: 0px -100px;
    width: 431px;
    height: 656px;
}

.foot::before {   
    background-position: 0px -756px;
    width: 431px;
    height: 100px;
}