replace <img> with Next.js Image component for optimized image handling

lawfirm-demos/demo-1/app/ueber-uns/page.tsx

@@ -4,6 +4,7 @@ import {team} from '@/data/team';
 import SubpageHero from '@/components/SubpageHero';
 import {motion} from 'framer-motion';
 import DualCTA from "@/components/DualCTA";
+import Image from 'next/image';
 
 const fadeUp = {
     hidden: {opacity: 0, y: 40},
@@ -115,10 +116,12 @@ export default function UeberUnsPage() {
                                 viewport={{once: true}}
                                 transition={{delay: i * 0.1, duration: 0.5, ease: 'easeOut'}}
                             >
-                                <img
+                                <Image
                                     src={lawyer.image}
                                     alt={lawyer.name}
-                                    className="w-24 h-32 object-cover rounded-lg shadow-sm"
+                                    width={96}
+                                    height={128}
+                                    className="rounded-lg shadow-sm object-cover w-24 h-32"
                                 />
                                 <div className="flex flex-col justify-center">
                                     <h3 className="text-lg font-semibold">{lawyer.name}</h3>