JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item">
    <a href="https://twitter.com/">
      <img src="http://s9.postimg.org/n0sl7ucqn/image.jpg" alt="">
    </a>
</div>
<div class="item">
    <a href="https://twitter.com/">
      <img src="http://s17.postimg.org/6r28okkq7/image.jpg" alt="">
    </a>
</div>
<div class="item">
    <a href="https://twitter.com/">
      <img src="http://s17.postimg.org/c12m24flb/image.jpg" alt="">
    </a>
</div>

CSS

.item {
  width: 46.1%;
  height: auto;
  margin-right: 4%;
  margin-bottom: 30px;
  float: left;
  overflow: hidden;
}   

  #social_indicator {
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
}

.item img {
  width: 100%;
  height: 100%;
  -webkit-transition: all 3s ease;
  -moz-transition:    all 3s ease;
  -o-transition:      all 3s ease;
  -ms-transition:     all 3s ease;
  transition:         all 3s ease;
}

.item img:hover {
  width:   105%;
  height:  105%;
  margin-right: 1%;
  margin-bottom: 1%;
}

}