JSFiddle - React, Tailwind, and code Playground

HTML

<div class="sponsorLogos">
  <ul class="sponsorGallery">
    <li class="sponsorImg" ng-repeat="path in sponsorLogos">
       <a href="#">
         <img src="http://www.garcard.com/images/garcard_symbol.png">
      </a>
    </li>
  </ul>
</div>

CSS

.sponsorLogos ul li {
  margin: 10px 10px;
  display: inline-block;
  height: 128px;
  width: 128px;
  border: solid 5px #e0e5eb;
  overflow: hidden;
}
.sponsorsDiv .sponsorLogos img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}