防止链接到圆圈边界外

Question

我在圆形容器内有一组链接图像，隐藏了溢出。问题是我仍然可以悬停在圆圈边界外的链接上。有人能帮忙吗？这是我的意思的示例代码：JSFiddle

<div class="container">
  <a href="#0">
    <img src="https://hd.unsplash.com/photo-1462903004115-f8e27d6a3985" alt="image">
  </a>
</div>

.container {
  width: 300px;
  height: 300px;
  border-radius: 50%;
  overflow: hidden;
}

img {
  width: 100%;
  height: 100%;
}