diff --git a/images/dirt_road.webp b/images/dirt_road.webp
new file mode 100644
index 0000000..f38ccdb
Binary files /dev/null and b/images/dirt_road.webp differ
diff --git a/templates/includes/lp-banner.html.twig b/templates/includes/lp-banner.html.twig
index 7558336..3fcb25a 100755
--- a/templates/includes/lp-banner.html.twig
+++ b/templates/includes/lp-banner.html.twig
@@ -1,6 +1,6 @@
 {% set logo = '/themes/custom/olivesbdh/images/bdh_logo_02.png' %}
 <div class="hero--wrapper">
-    <div class="hero-section" style="background:url(/themes/custom/olivesbdh/images/dirt_road.png) 50% no-repeat;">
+    <div class="hero-section" style="background:url(/themes/custom/olivesbdh/images/dirt_road.webp) 50% no-repeat;">
         <div class="logo-wrapper">
             <figure class="logo--ilivesbdh">
 		<!--<img src="{{ logo }}" alt="bdh logo">-->