diff --git a/public/images/wrench-page-notfound.jpg b/public/images/wrench-page-notfound.jpg
new file mode 100644
index 0000000..4b3e688
Binary files /dev/null and b/public/images/wrench-page-notfound.jpg differ
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 30fe119..67ca1f5 100755
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -6015,6 +6015,22 @@ blockquote cite {
 
 .appie-error-area {
   padding-top: 250px;
+  width: 100%;
+  min-height: 100vh;
+  background: url("../images//wrench-page-notfound.jpg") center/cover;
+  position: relative;
+  /* z-index: 1; */
+}
+
+.appie-error-area::before{
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: #cdcdcd;
+  opacity: 0.8;
 }
 
 .appie-error-content span {
@@ -6032,7 +6048,7 @@ blockquote cite {
 }
 .appie-error-content p {
   line-height: 26px;
-  color: #505056;
+  color: #27272a;
   font-size: 16px;
   padding: 0 50px;
 }
diff --git a/src/assets/images/wrench-page-notfound.jpg b/src/assets/images/wrench-page-notfound.jpg
new file mode 100644
index 0000000..4b3e688
Binary files /dev/null and b/src/assets/images/wrench-page-notfound.jpg differ