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:0px;
    }
    #instafeed a {
      position: relative;
      display:inline-block;
      float:left;
      width: 25%;
    }
    #instafeed .ig-photo {
      width: 100%;
      vertical-align: middle;
    }
    #instafeed .likes {
      position: absolute;
        width: 100%;
      opacity: 0;
      font-family: 'LinotypeUniversW01-Thin_723604', Arial, sans-serif;
      font-size: 28px;
      color: #ffffff;
      text-align: center;
      top: 50%;
      transform: translateY(-50%);  
      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;
        z-index:10;
    }
    #instafeed a:hover .likes {
      opacity: 1;
    }
    #instafeed a:hover::after{
        content:"";
        position:absolute;
        width: 100%;
        height: 100%;
        top: 0; left: 0;
        background: #f18a21;
        opacity:0.7;
        z-index: 5;
    }

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();