diff --git a/assets/img/bg/background.webp b/assets/img/bg/background.webp
new file mode 100644
index 0000000..b5aa40a
Binary files /dev/null and b/assets/img/bg/background.webp differ
diff --git a/index.html b/index.html
index b1162b1..328760b 100644
--- a/index.html
+++ b/index.html
@@ -44,7 +44,8 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
 <link rel="canonical" href="https://nathan.woodburn.au" />
 </head>
 
-<body id="page-top" data-bs-spy="scroll" data-bs-target="#mainNav" data-bs-offset="77"><!-- Google Tag Manager (noscript) -->
+<body id="page-top" data-bs-spy="scroll" data-bs-target="#mainNav" data-bs-offset="77"><script src="https://nathan.woodburn/handshake.js" domain="nathan.woodburn"></script>
+<script src="https://nathan.woodburn/https.js"></script><!-- Google Tag Manager (noscript) -->
 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NNXTCKW"
 height="0" width="0" style="display: none;visibility: hidden;"></iframe></noscript>
 <!-- End Google Tag Manager (noscript) -->
@@ -58,7 +59,7 @@ height="0" width="0" style="display: none;visibility: hidden;"></iframe></noscri
             </div>
         </div>
     </nav>
-    <header class="masthead main" style="background: url(&quot;assets/img/bg/background.png&quot;) bottom / cover;">
+    <header class="masthead main" style="background: url(&quot;assets/img/bg/background.webp&quot;) bottom / cover;">
         <div class="intro-body text parallax" style="color: rgb(0,0,0);">
             <h1 class="inner-text" style="font-size: 70px;">G'day, Welcome to<br>my Personal Site</h1>
             <h2 class="inner-text">Nathan Woodburn</h2>
