diff --git a/images/new-roof-hero-2.webp b/images/new-roof-hero-2.webp
new file mode 100644
index 0000000..afef012
Binary files /dev/null and b/images/new-roof-hero-2.webp differ
diff --git a/includes/index-hero.php b/includes/index-hero.php
index 0b10f89..cf42d44 100644
--- a/includes/index-hero.php
+++ b/includes/index-hero.php
@@ -21,7 +21,7 @@
 					</div>
 				</div>
 			</div>
-			<div class="carousel-item js-fullheight" style="background-image:url(images/new-roof-hero.jpg); background-size: cover; background-repeat: no-repeat;">
+			<div class="carousel-item js-fullheight" style="background-image:url(images/new-roof-hero-2.webp); background-size: cover; background-repeat: no-repeat;">
 				<div class="overlay"></div>
 				<div class="container">
 					<div class="row no-gutters slider-text js-fullheight align-items-center justify-content-center">