手形光标指针超出图像范围

Question

光标变成略微超出图像的指针。

我有一个图像，如果单击它，它会将您带到另一页，但是光标变成略微超出图像的指针，我该如何解决该问题，使其仅在图像范围内成为指针？

.images {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.product-image {
  margin: 25px;
  padding: 10px;
  width: 250px;
  height: 250px;
  border: solid grey;
  border-radius: 10%;
}

<section class="images">
  <a href="image-link">
    <img class="product-image" src="image">
  </a>
</section>