Custom HTML widget displays image strangely

I’m trying to put Apple Podcast and Stitcher badges in my sidebar so listeners can easily subscribe to my podcast feed, so I downloaded the badges from both the sites and used the Custom HTML widget to display them. But something strange is happening.

Here is the code I used:

1
<a href="https://itunes.apple.com/us/podcast/japan-on-film/id1453310558?fbclid=IwAR3iY85xRl5fFfv5L7PakkgOOSpnVJ9Wk-iLheBqd28cD1YOUSTpTyDY0kM" target="_blank"><img src="https://japanonfilm.com/wp-content/uploads/2019/02/US_UK_Apple_Podcasts_Listen_Badge_RGB.png" alt="Listen on Apple" width="165" height="40"></a><br>
2
<a href="https://www.stitcher.com/podcast/percival-constantine/japan-on-film?refid=stpr" target="_blank"><img src="https://japanonfilm.com/wp-content/uploads/2019/02/Stitcher_Listen_Badge_Color_Light_BG.png" alt="Listen on Stitcher" width="165" height="49"></a>

However, if you check out the website, the images are being displayed at very strange dimensions. For starters, they’re being displayed as round when they’re rectangles. And two, they’re being displayed as far larger than they’re supposed to be. I’ve tried inputting the actual dimensions into the code, but that didn’t work, either. Any ideas how I can fix this?

• This topic was modified 6 years, 1 month ago by pcp81215.

The page I need help with: [log in to see the link]