Add Background to Page not found page

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;
 }