diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..8fd4368
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1 @@
+public/SprbScan021.png.webp filter=lfs diff=lfs merge=lfs -text
diff --git a/components/Background.js b/components/Background.js
new file mode 100644
index 0000000..815b30e
--- /dev/null
+++ b/components/Background.js
@@ -0,0 +1,18 @@
+import Image from "next/image";
+import bgImage from "../public/SprbScan021.png.webp";
+
+export default function Background() {
+  return (
+    <div
+      style={{
+        position: "fixed",
+        height: "100vh",
+        width: "100vw",
+        overflow: "hidden",
+        zIndex: "-1",
+      }}
+    >
+      <Image src={bgImage} alt="background" layout="fill" objectFit="cover" />
+    </div>
+  );
+}
diff --git a/pages/_app.js b/pages/_app.js
index 7b0ff6f..190f325 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -1,6 +1,7 @@
 import Link from "next/link";
 import Head from "next/head";
 import styles from "../styles/Home.module.css";
+import Background from "../components/Background";
 
 import {
   Box,
@@ -27,6 +28,7 @@ const theme = createTheme({
 function MyApp({ Component, pageProps }) {
   return (
     <ThemeProvider theme={theme}>
+      <Background />
       <Container
         sx={{
           p: 3,
diff --git a/public/SprbScan021.png.webp b/public/SprbScan021.png.webp
new file mode 100644
index 0000000..97ea247
--- /dev/null
+++ b/public/SprbScan021.png.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bcd1f7af6aec07555fe57b07296748cb21de734e10e9a65187c5ac79503f49f6
+size 190646