Merge pull request #91 from acm-ucr/ResponsiveBoard/Pattyee

Responsive board/pattyee

Author: j1munoz

src/components/board/pickleballs.tsx

@@ -5,17 +5,13 @@ import Pickleball2 from "@/public/bg-ball-2.svg";
 export default function Pickleballs() {
   return (
     <>
-      <Image
-        src={Pickleball1}
-        alt="pickleball 1"
-        className="absolute -top-70 -right-50 -z-1 h-auto w-[50vw]"
-      />
+      <div className="absolute top-[-10%] right-[-10%] z-[-1] w-[40vw] sm:w-[30vw] md:w-[25vw] lg:w-[20vw]">
+        <Image src={Pickleball1} alt="pickleball 1" className="h-auto w-full" />
+      </div>
 
-      <Image
-        src={Pickleball2}
-        alt="pickleball 2"
-        className="absolute -bottom-70 -left-60 -z-1 h-auto w-[50vw]"
-      />
+      <div className="absolute bottom-[-10%] left-[-10%] z-[-1] w-[40vw] sm:w-[30vw] md:w-[25vw] lg:w-[20vw]">
+        <Image src={Pickleball2} alt="pickleball 2" className="h-auto w-full" />
+      </div>
     </>
   );
 }