change staff cards effect

src/app/[lang]/contact-us/page.tsx

@@ -196,25 +196,7 @@ export default async function ContactUs({
                       </svg>
                     </span>
                   </a>
-                  <a
+                  
-                    href="https://linkedin.com/shomalhospital"
-                    className="w-[70px] h-[70px] flex items-center justify-center rounded-2xl bg-secondary"
-                  >
-                    <span className="text-white">
-                      <svg
-                        width="40"
-                        height="40"
-                        viewBox="0 0 25 25"
-                        fill="none"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M7.88333 5.09347C7.88308 5.61528 7.68707 6.11561 7.33843 6.4844C6.98978 6.85319 6.51705 7.06023 6.02423 7.05997C5.53141 7.05971 5.05888 6.85217 4.71058 6.48301C4.36228 6.11385 4.16675 5.61331 4.16699 5.0915C4.16724 4.56969 4.36325 4.06936 4.71189 3.70057C5.06054 3.33178 5.53327 3.12474 6.02609 3.125C6.51891 3.12526 6.99144 3.3328 7.33974 3.70196C7.68804 4.07112 7.88357 4.57166 7.88333 5.09347ZM7.93907 8.51689H4.22274V20.8333H7.93907V8.51689ZM13.8109 8.51689H10.1131V20.8333H13.7737V14.3702C13.7737 10.7697 18.2054 10.4352 18.2054 14.3702V20.8333H21.8753V13.0323C21.8753 6.96258 15.316 7.18884 13.7737 10.1696L13.8109 8.51689Z"
-                          fill="white"
-                        />
-                      </svg>
-                    </span>
-                  </a>
                 </div>
               </div>
               <div className="md:col-span-6 col-span-12 md:mt-0 mt-8">

src/app/[lang]/doctors/page.tsx

@@ -68,7 +68,7 @@ export default async function DoctorsPage({
                 key={doctor.id}
                 className="lg:col-span-1 col-span-4 rounded-2xl border-[1px] border-neutral-200 overflow-hidden relative"
               >
-                <div className="lg:h-[250px] h-[250px] relative before:absolute before:bottom-0 before:bg-gradient-to-t before:from-white before:to-transparent before:z-10 before:w-full before:h-full before:top-0 before:right-0">
+                <div className="lg:h-[250px] h-[250px] relative before:absolute before:bottom-0 before:bg-gradient-to-t before:from-white before:to-transparent before:z-10 before:w-full before:h-[70%] before:right-0 ">
                   <Image
                     src={doctor.image !=="#" ? `/${doctor.image}` : "/doctor.jpg"}
                     fill

src/app/[lang]/page.tsx

@@ -115,8 +115,10 @@ export default async function Page({
           </div>
           <div className="grid grid-cols-3 gap-x-10 lg:gap-y-0 gap-y-4 mt-10 lg:h-[600px]">
             <div className="lg:col-span-1 col-span-3 rounded-2xl border-[1px] border-neutral-200 overflow-hidden relative">
-              <div className="lg:h-[410px] h-[300px] relative before:absolute before:bottom-0 before:bg-gradient-to-t before:from-white before:to-transparent before:z-10 before:w-full before:h-full before:top-0 before:right-0">
+              <div className="lg:h-[430px] h-[300px] relative before:absolute before:bg-gradient-to-t  before:from-white before:to-transparent before:z-10 before:w-full before:h-[70%] before:bottom-0 before:right-0 overflow-hidden">
-                <Image src="/jafarian.jpg" fill alt="" className="object-fill" />
+                <Image src="/jafarian.jpg" fill alt="" 
+                className="object-fill hover:scale-110 transition-all duration-300" 
+                />
               </div>
               <div className=" h-full px-6 py-10 space-y-2 ">
                 <h3 className="lg:text-2xl text-lg font-black text-black">
@@ -135,12 +137,12 @@ export default async function Page({
               </div>
             </div>
             <div className="lg:col-span-1 col-span-3 rounded-2xl border-[1px] border-neutral-200 overflow-hidden relative">
-              <div className="lg:h-[410px] h-[300px] relative before:absolute before:bottom-0 before:bg-gradient-to-t before:from-white before:to-transparent before:z-10 before:w-full before:h-full before:top-0 before:right-0">
+              <div className="lg:h-[430px] h-[300px] relative before:absolute before:bg-gradient-to-t  before:from-white before:to-transparent before:z-10 before:w-full before:h-[70%] before:bottom-0 before:right-0 overflow-hidden">
                 <Image
                   src="/motamedi.jpg"
                   fill
                   alt=""
-                  className="object-fill "
+                className="object-fill hover:scale-110 transition-all duration-300" 
                 />
               </div>
               <div className=" h-full px-6 py-10 space-y-2 ">
@@ -161,12 +163,12 @@ export default async function Page({
             </div>
 
             <div className="lg:col-span-1 col-span-3 rounded-2xl border-[1px] border-neutral-200 overflow-hidden relative">
-              <div className="lg:h-[410px] h-[300px] relative before:absolute before:bottom-0 before:bg-gradient-to-t before:from-white before:to-transparent before:z-10 before:w-full before:h-full before:top-0 before:right-0">
+              <div className="lg:h-[430px] h-[300px] relative before:absolute before:bg-gradient-to-t  before:from-white before:to-transparent before:z-10 before:w-full before:h-[70%] before:bottom-0 before:right-0 overflow-hidden">
                 <Image
                   src="/heidarnejad.jpg"
                   fill
                   alt=""
-                  className="object-cover "
+                className="object-fill hover:scale-110 transition-all duration-300" 
                 />
               </div>
               <div className=" h-full px-6 py-10 space-y-2 ">