JSFiddle - React, Tailwind, and code Playground

HTML

<a href="link1" class="img parte1"></a>
<a href="link2" class="img parte2"></a>
<a href="link3" class="img parte3"></a>

CSS

.img {
   display: block;
   float: left;
   background-image:url("http://petfoodia.com/wp-content/uploads/2012/08/Depositphotos_4427178_XS2.jpg");
   width:200px;  /* Tamanho das partes 200x200 */
   height:200px;
   border: 1px solid #ccc;
}

.parte1 {
  background-position: 0 0;
}

.parte2 {
   background-position: -200px 0;
}

.parte3 {
   background-position: -400px 0; 
}