Code website is over lapping the header

Site URL: https://www.bayleysgisborne.co.nz/new-page

Hi there!

I need some help! I have coded an external software into our squarespace website to watch LIVE Auctions. 

However the software is overlapping the header in Squarespace. 

The code is: 

<!-- START OF AUCTIONSLIVE CODE -->
<div id="auctionsliveMainDiv-upcoming-auctions" class="auctionsliveMainDiv al-upcoming-auctions" data-widget="upcoming-auctions" data-auctionsliveid="mAr"></div>
<script type="text/javascript" src="https://auctionslive.com/w/js/auctionslive_widget.min.js"></script>
<!-- END OF AUCTIONSLIVE CODE -->

Can someone please help me? 

If I turn the transparent header off, the issue stops, but we would prefer to have transparent header for the rest of the website. 

Thanks everyone! 

Hi,

Try editing page >> Add a Code Block >> Paste your cod