diff --git a/css/pages/_home.css b/css/pages/_home.css
index 91d78de..4bc2e7d 100644
--- a/css/pages/_home.css
+++ b/css/pages/_home.css
@@ -34,7 +34,7 @@
     width: 100%;
     height: 100%;
     z-index: 1;
-    background: url('../../images/HeroSection-img1.JPG') no-repeat center center/cover;
+    background: url('../../images/HeroSection-img1.webp') no-repeat center center/cover; /* POPRAVLJENO */
     filter: blur(2px);
 }
 
@@ -607,7 +607,7 @@
         align-items: flex-start;
     }
     .hero-background {
-        background: url('../../images/HeroSection-img1.JPG') no-repeat center center/cover;
+        background: url('../../images/HeroSection-img1.webp') no-repeat center center/cover; /* POPRAVLJENO */
     }
     .hero-content {
         padding: 64px 24px;