Unwanted White Border During Site Load

Hi Squarespace Community –

I'm experiencing an issue with my company site and could use some help troubleshooting. In short, I noticed an unwanted white border appearing around site content during page load, specifically on mobile (Brave, Chrome, Safari, Firefox) as well as desktop (Safari). Included a link to the site below and attached screenshot of the issue on mobile (iPhone SE, Brave).

Link: www.newinkmedia.co

I've already tried the following code to remove any outlines from the :focus pseudo-class element with no luck.

:focus, a:focus {
  outline: none !important;
  outline-color: #000 !important;
  border: none !important;
}

Furthermore, I do have some custom code implemented so the background header image is clickable as well as a loading GIF; however, I removed both sets of code to see if that was causing the unwanted white border but it doesn't appear to be the case. Here's the custom code for reference.

Background Image – Clickthrough URL

<script>
  $(document).ready(function(){
    $('[data-section-id="5f0d27519716383665bf4819"].page-section').click(function(event){
      event.preventDefault();
      window.location = "https://newinkmedia.co/";
    });
  });
</script>

Site Loading – GIF

<script type="text/javascript">
$(window).load(function() {
    $(".logoload").delay(2000).fadeOut(0);
})
</script>

I haven't updated the site in a few weeks and prior to that everything was functioning properly. No white border appearing on page load. Not sure if there was a recent update to Squarespace 7.1 templates or something else causing the issue. Either way, any help or suggestions would be greatly appreciated.

Thanks much,
Andy