JSFiddle - React, Tailwind, and code Playground

HTML

1. How I would do it: 
<div class="imgHolder"></div>
<br><br>

2. Original code:
<div class='img_div'> 
<img class='prof_img' src='http://www.flaginstitute.org/wp/wp-content/uploads/flags/UNKG0001.png' alt=''> 
</div>

CSS

.imgHolder
{
  width: 150px;
  height: 150px;
  
  background: url("http://www.flaginstitute.org/wp/wp-content/uploads/flags/UNKG0001.png") no-repeat center;
  background-size: auto 100%;
}


.img_div{
      height: 150px;
      width: 150px;
      overflow: hidden;
}
img.prof_img{
      height: 100%;
      
      
}