Как одной .png цветную и черно-белую?

.block { 
  display: inline-block; 
  width: 5rem; 
  height: 5rem; 
  background-image: url("https://cdn-images-1.medium.com/max/924/1*ECSuMpJxNLViTxUOounYlw.png"); 
  transition: 0.5s; 
} 
 
.v2 { 
  background-position: -85px 0px; 
} 
 
.v3 { 
  background-position: -170px 0px; 
} 
 
.v1:hover { 
  background-position: 0 -86px; 
} 
 
.v2:hover  { 
  background-position: -85px -84px; 
} 
 
.v3:hover  { 
  background-position: -170px -84px; 
}

<div class="wrapper"> 
  <div class="block v1"></div> 
  <div class="block v2"></div> 
  <div class="block v3"></div> 
</div>