From c7e66f0738bca3dd3b70403cbaf3c73ffade6c53 Mon Sep 17 00:00:00 2001
From: ItsArnavSh <its.arnav.sh@gmail.com>
Date: Sun, 15 Sep 2024 20:03:27 +0530
Subject: [PATCH] Fixed Pixelated Issue

---
 frontend/src/components/home/Home.tsx         | 2 +-
 frontend/src/components/tutorial/Tutorial.tsx | 6 +++++-
 frontend/src/index.css                        | 4 ++++
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/home/Home.tsx b/frontend/src/components/home/Home.tsx
index 72cf56c..6fd2143 100644
--- a/frontend/src/components/home/Home.tsx
+++ b/frontend/src/components/home/Home.tsx
@@ -1,4 +1,4 @@
-import background from "../../../public/homepage.png";
+import background from "../../../public/background.jpg";
 import p1 from "../../../public/p1.png";
 import p2 from "../../../public/p2.png";
 import p3 from "../../../public/p3.png";
diff --git a/frontend/src/components/tutorial/Tutorial.tsx b/frontend/src/components/tutorial/Tutorial.tsx
index bb31cbc..eff203c 100644
--- a/frontend/src/components/tutorial/Tutorial.tsx
+++ b/frontend/src/components/tutorial/Tutorial.tsx
@@ -31,7 +31,11 @@ const Tutorial = () => {
             <div className="h-full flex flex-col items-center justify-center w-1/2">
               <img src={imageSection} alt="Not Found" className="max-h-[50%]" />
             </div>
-            <img src={Oak} alt="Not Found" />
+            <img
+              className="pixelated"
+              src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fmedia.pokemoncentral.it%2Fwiki%2Fd%2Fdf%2FHGSS_Oak.png"
+              alt="Not Found"
+            />
           </div>
           <div className="list flex flex-col items-center justify-center w-[25%]">
             <div className="border-black border-2 h-auto m-10 w-full mr-4 bg-[#756C80] rounded-md">
diff --git a/frontend/src/index.css b/frontend/src/index.css
index bbaefbd..0b0fe73 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -22,3 +22,7 @@
 .fr {
     font-family: "FireRedScript";
 }
+
+.pixelated {
+    image-rendering: pixelated;
+}