diff --git a/src/components/home/Partners.tsx b/src/components/home/Partners.tsx
index 479f0d4..0bdb562 100644
--- a/src/components/home/Partners.tsx
+++ b/src/components/home/Partners.tsx
@@ -1,8 +1,10 @@
+"use client";
 import Carousel from "@/components/Carousel";
 import partners from "@/data/partners";
 import Heading from "../Heading";
 import Image from "next/image";
 import groupPhoto2 from "@/public/home/group2withdots.webp";
+import { motion } from "motion/react";
 
 const Partners = () => {
   return (
@@ -10,7 +12,15 @@ const Partners = () => {
       {/* TODO: Change this to subheading after its done */}
       <Heading title="Partners" />
       <Carousel data={partners} />
-      <Image src={groupPhoto2} alt="Group Photo 2" className="w-1/2 pb-12" />
+      <motion.div
+        initial={{ opacity: 0.5, scale: 0.5 }}
+        whileInView={{ opacity: 1, scale: 1 }}
+        transition={{ type: "spring", duration: 1, bounce: 0.2 }}
+        viewport={{ once: true }}
+        className="flex justify-center"
+      >
+        <Image src={groupPhoto2} alt="Group Photo 2" className="w-1/2 pb-12" />
+      </motion.div>
     </>
   );
 };