diff --git a/web/src/components/main/Developer.tsx b/web/src/components/main/Developer.tsx
index 3863248..4a0b735 100644
--- a/web/src/components/main/Developer.tsx
+++ b/web/src/components/main/Developer.tsx
@@ -6,7 +6,7 @@ const Developer = ({firstName, lastName, major, profilePic, role, yearLevel, lin
             flex flex-col pt-[1em]
             items-center text-center
             border-2 rounded-[15px] border-grey
-            hover:shadow-md hover:shadow-grey hover:bg-neutral hover:cursor-pointer
+            hover:shadow-md hover:shadow-lightGrey hover:bg-neutral hover:cursor-pointer
             m-[0.5em] p-0 w-[15em] h-[18.5em] font-mono"
             onClick={() => window.open(linkedin, "_blank")}
             >
diff --git a/web/src/components/main/Developers.tsx b/web/src/components/main/Developers.tsx
index 507cff8..f3fff1d 100644
--- a/web/src/components/main/Developers.tsx
+++ b/web/src/components/main/Developers.tsx
@@ -12,7 +12,7 @@ const Developers = () => {
         window.location.href = '/';
       }
 
-      
+
     useEffect(() => {
         getDocs(colref)
         .then((snapshot) => {
@@ -98,6 +98,20 @@ const Developers = () => {
                     alt=""
                     className="absolute w-[30%] h-auto top-[-10%] right-[0%]"
                 />
+                {/*Red Swirl*/}
+                <img
+                    loading="lazy"
+                    src="./assets/graphics/swirlRed.svg"
+                    alt=""
+                    className="absolute w-[20%] h-auto top-[60%] left-[18%]"
+                />
+                {/*Camera*/}
+                <img
+                    loading="lazy"
+                    src="./assets/graphics/camera.svg"
+                    alt=""
+                    className="absolute w-[20%] h-auto top-[60%] right-[13%]"
+                />
             </div>
             <h6 className="break-words text-primary text-[15px] mb-[1em] text-center">Click profile to see LinkedIn</h6>
         </div>