diff --git a/src/main/webapp/resources/css/styles.css b/src/main/webapp/resources/css/styles.css
index 5f161bd..cd70c92 100644
--- a/src/main/webapp/resources/css/styles.css
+++ b/src/main/webapp/resources/css/styles.css
@@ -16,7 +16,7 @@ body {
     height: 100%;
     display: flex;
     flex-direction: column;
-    background: rgba(244, 244, 244, 0) url("/web_assignment_war_exploded/resources/images/background.jpg") no-repeat center center fixed;
+    background: rgba(244, 244, 244, 0) url("#{facesContext.externalContext.requestContextPath}/resources/images/background.jpg") no-repeat center center fixed;
     background-size: cover; /* Ensures the background image covers the entire area without distortion */
 }