diff --git a/src/app/app.component.html b/src/app/app.component.html
index c1099d0..eb6ac0e 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,6 +1,6 @@
 <app-header></app-header>
 <div class="hero-container">
-<img class="hero hero1" src="assets/hero1.jpg" alt="hero-image">
+<img class="hero hero1" src="assets/hero1.webp" alt="hero-image">
 <div class="overlay"></div>
 </div>
 <div class="alternate">
diff --git a/src/assets/hero1.webp b/src/assets/hero1.webp
new file mode 100644
index 0000000..e1e998c
Binary files /dev/null and b/src/assets/hero1.webp differ
diff --git a/src/assets/hero2-min.webp b/src/assets/hero2-min.webp
index 840311f..a542717 100644
Binary files a/src/assets/hero2-min.webp and b/src/assets/hero2-min.webp differ