JSFiddle - React, Tailwind, and code Playground

HTML

<div id="social">
  <div class="image">
    <img src="http://lorempixum.com/80/80" />
    <div class="sharerDiv">
  						<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="OFFFMX">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>			
							<br>
							<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.offf.mx/&layout=button_count&show_faces=false&width=480&action=like" scrolling="no" frameborder="0" allowTransparency="true" style="width:120px; height: 20px;"></iframe></div>
      </div>
  </div>

CSS

#social {
  width: 100px;
  height: 200px;
}

#social:hover img {
  display: none;
}

#social:hover .sharerDiv {
  display: block;
}