<a> tag triggers too easy

Hello, I made a page that has some cards in which I embed an <a> tag. The structure is the following:

  <a href = "{{ aLinkToSomeWebPage }}">
    <img [src] = "myPic"/>

This card is between more cards that does not have <a> tags.

The problem is that, when I press somewhere near the card that has the <a> tag in order to scroll, it triggers it.

Any ideas about how to avoid this?

Thank you