diff --git a/Frontend/src/Components/UploadForm.tsx b/Frontend/src/Components/UploadForm.tsx
index e279979c..67b2ca7c 100644
--- a/Frontend/src/Components/UploadForm.tsx
+++ b/Frontend/src/Components/UploadForm.tsx
@@ -123,15 +123,25 @@ export default function UploadForm({ image, onPress }: Props) {
                 hover:outline-1
                 transition-all
                 overflow-hidden
+                relative
+                hover-text-overlay
             `}
         >
           {image && image.data
             ? (
-              <img
-                src={image.data}
-                alt="Uploaded"
-                className="object-fit h-full custom-scale"
-              />
+              <>
+                <img
+                  src={image.data}
+                  alt="Uploaded"
+                  className="object-fit h-full custom-scale"
+                  title="Change Image"
+                />
+                <div className="absolute inset-0 bg-gray-900 bg-opacity-50 flex items-center justify-center opacity-0 hover-text transition-opacity duration-300 ">
+                  <h1 className="text-white text-[41px] font-[900]">
+                    Change Image
+                  </h1>
+                </div>
+              </>
             )
             : (
               <>
diff --git a/Frontend/src/styles/index.css b/Frontend/src/styles/index.css
index 6c8f979b..8200d099 100644
--- a/Frontend/src/styles/index.css
+++ b/Frontend/src/styles/index.css
@@ -1,27 +1,31 @@
 .container-full {
-    height: calc(100vh - 16px - 56px);
+  height: calc(100vh - 16px - 56px);
 }
 
 .transition-outline {
-    transition: 200ms outline linear;
+  transition: 200ms outline linear;
 }
 
 .transite-width {
-    transition: 200ms width linear;
+  transition: 200ms width linear;
 }
 
 .custom-scale {
-    transition: 200ms scale linear;
-    object-fit: cover;
-    &:hover {
-        scale: 1.1;
-    }
+  transition: 200ms scale linear;
+  object-fit: cover;
+  &:hover {
+    scale: 1.1;
+  }
 }
 
 .shadow-card {
-    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.31);
+  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.31);
 }
 
 ::-webkit-scrollbar {
-    width: 0;
-}
\ No newline at end of file
+  width: 0;
+}
+
+.hover-text-overlay:hover .hover-text {
+  opacity: 1;
+}
diff --git a/Makefile b/Makefile
index d73250d8..8ab706af 100644
--- a/Makefile
+++ b/Makefile
@@ -1,8 +1,7 @@
 client:
 	cd Frontend && npm run dev
 
-
 server:
 	python3 Backend/main.py
 
-.PHONY: client
+.PHONY: client server
diff --git a/uploads/GGykm3waYAA2oeg.jpeg b/uploads/GGykm3waYAA2oeg.jpeg
new file mode 100644
index 00000000..19f74033
Binary files /dev/null and b/uploads/GGykm3waYAA2oeg.jpeg differ
diff --git a/uploads/agricultural-logo.png b/uploads/agricultural-logo.png
new file mode 100644
index 00000000..a27618b5
Binary files /dev/null and b/uploads/agricultural-logo.png differ
diff --git a/uploads/agro.png b/uploads/agro.png
new file mode 100644
index 00000000..5a8b4a54
Binary files /dev/null and b/uploads/agro.png differ