JSFiddle - React, Tailwind, and code Playground

by Harsha Motwani

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
 <div class="row">
   <div class="col-md-5 ">
       <a href="https://test.sharepoint.com/sites/SitePages/Home.aspx"> <img src="http://1.bp.blogspot.com/-ozy1sMDqZz0/VFOigNywfkI/AAAAAAAAAGg/CTrqtqFnt1g/s1600/pixels%2B2.png" class="img-responsive" alt="Image"></a>
                  <p style="color: #5081D9;">Infrastructure</p>
    </div>
  </div>

CSS

a:hover img{
  transform:scale(0.5);
}