diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..5c3c6c2
Binary files /dev/null and b/.DS_Store differ
diff --git a/images/island_voices_banner.webp b/images/island_voices_banner.webp
new file mode 100644
index 0000000..9cacd38
Binary files /dev/null and b/images/island_voices_banner.webp differ
diff --git a/templates/includes/lp-banner.html.twig b/templates/includes/lp-banner.html.twig
index 85f0314..5f9f639 100755
--- a/templates/includes/lp-banner.html.twig
+++ b/templates/includes/lp-banner.html.twig
@@ -1,5 +1,5 @@
 <div class="hero--wrapper">
-    <div class="hero-section" style="background:url(/themes/custom/olivesvoices/images/island_voices_banner.jpg) 50% no-repeat; background-size: cover; ">
+    <div class="hero-section" style="background:url(/themes/custom/olivesvoices/images/island_voices_banner.webp) 50% no-repeat; background-size: cover; ">
         <div class="logo-wrapper">
             <figure class="logo--olivesvoices">
 <?xml version="1.0" encoding="utf-8"?>