diff --git a/public/assets/images/404.png b/public/assets/images/404.png
new file mode 100644
index 0000000..1d6c8bd
Binary files /dev/null and b/public/assets/images/404.png differ
diff --git a/src/pages/NotFound404.js b/src/pages/NotFound404.js
index 83077ea..b25e9f6 100644
--- a/src/pages/NotFound404.js
+++ b/src/pages/NotFound404.js
@@ -1,11 +1,28 @@
 import React from 'react';
-import { Typography } from '@mui/material';
+import { Typography, Box } from '@mui/material';
 import LegalPage from './LegalPage.js';
 
 const NotFound404 = () => {
   const content = (
     <>
-      <Typography variant="body1" paragraph>
+      <Box
+        sx={{
+          display: 'flex',
+          justifyContent: 'center',
+          mb: 3,
+        }}
+      >
+        <img
+          src="/assets/images/404.png"
+          alt="404 - Page Not Found"
+          style={{
+            maxWidth: '100%',
+            height: 'auto',
+            maxHeight: '300px',
+          }}
+        />
+      </Box>
+      <Typography variant="body1" paragraph align="center">
         This page is no longer available.
       </Typography>
     </>