.

src/main/resources/static/css/auth.css

@@ -262,7 +262,7 @@ body {
 
   background-image:
     linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.25)),
-    url("../img/back.png");
+    url("../img/back.jpg");
 
   background-size: cover;
   background-position: center;

src/main/resources/static/css/dashboard-user.css

@@ -69,7 +69,7 @@ BACKGROUND
     background:
         linear-gradient(rgba(0, 0, 0, .45),
             rgba(0, 0, 0, .65)),
-        url("/img/back.png") center/cover no-repeat;
+        url("/img/back.jpg") center/cover no-repeat;
 
     filter:
         brightness(.65) saturate(.85) sepia(.2);

src/main/resources/static/css/dashboard.css

@@ -104,7 +104,7 @@ body {
     background:
         linear-gradient(rgba(0, 0, 0, .35),
             rgba(0, 0, 0, .55)),
-        url("/img/back.png") center/cover no-repeat;
+        url("/img/back.jpg") center/cover no-repeat;
 
     filter: brightness(.6) saturate(.85) sepia(.25);
     z-index: -3;

src/main/resources/static/css/styles.css

@@ -500,7 +500,7 @@ h4 {
 .hero-bg {
     position: absolute;
     inset: 0;
-    background-image: url(../img/back-groud.png);
+    background-image: url(../img/back-groud.jpg);
     background-size: cover;
     background-position: center 100%;
     /* filter: brightness(1) saturate(0.9) sepia(0.8); */
@@ -866,7 +866,7 @@ h4 {
     content: "";
     position: absolute;
     inset: 0;
-    background-image: url('../img/backback.png');
+    background-image: url('../img/backback.jpg');
     background-size: cover;
     background-position: center;
     background-attachment: fixed;

src/main/webapp/WEB-INF/views/index.jsp

@@ -8,7 +8,7 @@
             <section id="home" class="hero">
 
                 <div class="hero-bg"
-                    style="background-image:url('${pageContext.request.contextPath}/img/backgroud.png');">
+                    style="background-image:url('${pageContext.request.contextPath}/img/backgroud.jpg');">
                 </div>
                 <div class="hero-overlay"></div>
                 <div class="hero-vignette"></div>