JSFiddle - React, Tailwind, and code Playground

HTML

<a class="i-img-cont" href="#">
        <img alt="" src="http://habrastorage.org/storage2/43f/497/d66/43f497d66e2cf86f84e40813ed7e1678.png"/>
 </a>

CSS

.i-img-cont{
  width: 100px;
  height: 100px;
  border-radius:150px;
  background:#eee;
  margin:5px;
  overflow:hidden;
  position:relative;
  float:left;
}
.i-img-cont img{
  left: -50%;
  position:relative;
}