JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://f.cl.ly/items/3o2z3b1R3G250G1t0w2L/instafeed.min.js"></script>
<div id="instafeed"></div>

CSS

#instafeed {
  width: 100%;
	margin-bottom: 80px;
}
#instafeed a {
  position: relative;
}
#instafeed .ig-photo {
  width: 25%;
  vertical-align: middle;
}
#instafeed .likes {
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  background: #f18a21;
  opacity: 0;
  font-family: 'LinotypeUniversW01-Thin_723604', Arial, sans-serif;
  font-size: 28px;
  color: #ffffff;
  line-height: 100%;
  text-align: center;
  text-shadow: 0 1px rgba(0,0,0,0.5);
  -webkit-font-smoothing: antialiased;
  -webkit-transition: opacity 100ms ease;
	-moz-transition: opacity 100ms ease;
	-o-transition: opacity 100ms ease;
	-ms-transition: opacity 100ms ease;
	transition: opacity 100ms ease;
}
#instafeed a:hover .likes {
  opacity: 0.8;
}

JavaScript

var feed = new Instafeed({
		        clientId: '467ede5a6b9b48ae8e03f4e2582aeeb3',
  				limit: 8,
  				sortBy: 'most-liked',
		        resolution: 'standard_resolution',
		        template: '<a href="{{link}}" target="_blank"><img class="ig-photo" src="{{image}}" /><div class="likes">&hearts; {{likes}}</div></a>'
		    });
		    feed.run();