I am currently working on adding a hyperlink to an image, so that when the image is clicked it will navigate to the specified link. However, I am having trouble with the formatting of the hyperlink as it is appearing smaller than the actual image. Below is my code:
<div class="row">
<div class="col-sm-6 col-md-3">
<figure class="thumbnail">
<a href="https://www.google.com" style="position:relative; left: 200px">
<img src="img/img-team-5.png" class="img-responsive" alt="Image">
</a>
<figcaption class="caption text-center">
<ul class="social-links">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-envelope"></i></a></li>
</ul>
</figcaption>
</figure>
</div>