diff --git a/src/components/marqueeCards/Marquee.jsx b/src/components/marqueeCards/Marquee.jsx
index 9d286f2..0199772 100644
--- a/src/components/marqueeCards/Marquee.jsx
+++ b/src/components/marqueeCards/Marquee.jsx
@@ -2,12 +2,18 @@ import Marquee from "react-fast-marquee";
 
 const MarqueeCards = ({ children, direction }) => {
   const containerStyle = {};
+  const gradientWidthCalc = () => {
+    const width = window.innerWidth;
+    if (width > 1024) return 400;
+    if (width > 768) return 200;
+    return 50;
+  };
   return (
     <Marquee
       style={{ containerStyle }}
       direction={direction}
       gradient={true}
-      gradientWidth={500}
+      gradientWidth={gradientWidthCalc()}
       speed={100}
       pauseOnHover={true}
     >
diff --git a/src/components/team/Card.jsx b/src/components/team/Card.jsx
index 84b8621..8f370e3 100644
--- a/src/components/team/Card.jsx
+++ b/src/components/team/Card.jsx
@@ -11,7 +11,7 @@ export default function Card({
   // console.log(image);
   // console.log(colour);
   const className = `flex flex-col m-6 justify-center gap-2 items-center shadow-[0px_0px_15px_2px_rgba(0,0,0,0.17)] border-b-8 border-b-[${colour}] border-solid
-  w-[18rem] h-[22rem] shrink-0`;
+  w-[18rem] h-[22rem] shrink-0 rounded-[1rem]`;
 
   return (
     <div className={className}>