Google Ads in Blog Post is making padding on Mobile Site Smaller

Hi, I'm having trouble on the mobile side of my website where every time I put a code block to a google ad, the text and content following gets increasingly smaller. Is there a way I can prevent this from occurring? This is the site:

https://rendyreviews.com/movie-reviews/madame-web-review

This is the code I use: 

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3295604866926978"

     crossorigin="anonymous"></script>

<ins class="adsbygoogle"

     style="display:block; text-align:center;"

     data-ad-layout="in-article"

     data-ad-format="fluid"

     data-ad-client="ca-pub-3295604866926978"

     data-ad-slot="1582236482"></ins>

<script>

     (adsbygoogle = window.adsbygoogle || []).push({});

</script>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='adsense-content' style='display:block;text-align: center'>

  <br/><div style="background:#00000; border-radius:0px; padding: 00px; color: #fff"> <span style="font-family:Segoe UI"><center><b>Advertisement</b></center></span> </div><br/>

Also for some reason, sometimes ON desktop, the advertisement exceeds the space of the review. Am I doing anything wrong? Thanks!

--Rendy 

Can you take a screenshot of problem? We can find it easier

This code, it should have 2 closing </div> tag

I think it should be

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='adsense-content' style='display:block;text-align:center;'>
  <br/>
  <div style="background:#00000; border-radius:0px; padding: 00px; color: #fff;"> 
    <span style="font-family:Segoe UI"><center><b>Advertisement</b></center></span> 
  </div>
</div>