Code block looks fine in preview but inserts space below itself on live site

On the Squarespace preview my site looks fine, but on the live site, my image changes size and the code blocks have extra space below them. I'm can't figure out why?

I'm using this code for each of the 3 code blocks:

Code block 1
<h4 class="sqsrte-text-color--accent" 
  style="font-size:22px;
  text-align: center;">
    <strong>Plug In</strong>   
</h4>
Code block 2
<h4 class="sqsrte-text-color--accent" 
  style="text-decoration: underline; 
  font-size:18px;
  text-align: center;">
  <a href="../../insights">
      Thought Leadership
  </a>
</h4>
Code block 3
<h4 class="sqsrte-text-color--accent" 
  style="text-decoration: underline; 
  font-size:18px;
  text-align: center;">
  <a href="../../connect">
      Contact Us
  </a>
</h4>

SqSpc Editor:

Live site:

Can you share your website URL?

simpelandassociates.com

On 3/22/2023 at 1:10 AM, K_B said:

simpelandassociates.com

Hi,

It looks fine to me