My preference where it is desired to attempt to make an image clickable is to insert the link twice. Once for the image and again using a text line below the image.
Code:
<div class="box5">
<p class="figure"><a href="https://www.google.ca"> <img src="../Images/twit.jpg" alt=""/> </a></p>
<p class="center"><a href="https://www.google.ca">This is a clickable link</a></p>
</div>