I recently just made a webpage in my WordPress website with multiple sections, one of which includes an image I want to link to another website. I feel I should also mention that I’m using the classic view editor.

I’m no expert at writing CSS from scratch, so I pasted the CSS script for images with links from one of my other webpages (originally inputted through inserting the image and links through visual view, instead of text).

The problem is, the clickable link isn’t just on the image itself, but also the background behind the image (but not above or beneath).

<div id="section2"><style>#section2{text-align: center}</style><h3>GET IT NOW:</h3>
<a href="https://play.google.com/store/apps/details?id=com.BladeorFlame.TidalWaveTom"><img class="aligncenter size-medium wp-image-2398" src="https://bladeorflame.com/wp-content/uploads/2024/07/GooglePlayLinkBtn-300x88.png" alt="" width="300" height="88"/></a>
</div>

I’ve experimented a few attempts to fix it by moving around some of the lines of code, but had no luck, so I thought I’d ask to see if anyone else can help me figure out why this is happening.