Embed Apple Podcast on blog parent page - frame not responsive

Site URL: http://www.smifsc.com/podcast

So I'm trying to use an Embed block on a Blog parent page to display the Apple Podcast player. Apple claims on their page "The player is responsive. Its width will automatically expand to fit mobile and desktop layouts." However that doesn't seem to be true on my page. I want the scroll bar to go away and for the div/container to adjust to the size of the embedded content. On mobile it cuts off very small and is unusable. It does the same on desktop but is more usable. I've tried a little code injection in the style sheet but nothing so far has worked. 

Can someone help this iframe work better on our site? Thank you in advance!

The embed code is:
 

<iframe src="https://embed.podcasts.apple.com/us/podcast/in-the-fields/id1588269214?itsct=podcast_box_player&amp;itscg=30200&amp;ls=1&amp;theme=auto" height="450px" frameborder="0" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation" allow="autoplay *; encrypted-media *;" style="width: 100%; max-width: 660px; overflow: hidden; border-radius: 10px; background: transparent;"></iframe>

Nevermind. It turns out the "Markdown" block fixes all the problems. I put my code into Markdown and it worked brilliantly.

Rather than delete I'm leaving this up so that if some poor soul googles this problem later and stumbles across this, perhaps they will be helped too.