diff --git a/app/about/page.jsx b/app/about/page.jsx
index a9be705..e380ede 100644
--- a/app/about/page.jsx
+++ b/app/about/page.jsx
@@ -2,10 +2,11 @@ import React from 'react';
 import { User, Award, Globe } from 'lucide-react';
 import { Button } from '@/components/ui/Button';
 import { allAuthors } from '@/.content-collections/generated';
+import Image from 'next/image';
 
 const TeamMember = ({ name, role, image }) => (
     <div className="text-center">
-        <img className="mx-auto h-40 w-40 rounded-full" src={image} alt={name} />
+        <Image className="mx-auto h-40 w-40 rounded-full" width={256} height={256} src={image} alt={name} />
         <div className="mt-4">
             <h3 className="text-lg font-medium text-gray-900">{name}</h3>
             <p className="text-sm text-gray-500">{role}</p>