From 595a4ad3277e0777941249fbb310c08987e1aa12 Mon Sep 17 00:00:00 2001
From: Ashish Kumar <ashishkumar.ak4970799@gmail.com>
Date: Sat, 11 Apr 2026 03:18:29 +0530
Subject: [PATCH] fix: replace next/image with img tag to fix blurry images on
 Netlify

---
 components/teams/TeamCard.js | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/components/teams/TeamCard.js b/components/teams/TeamCard.js
index a7f6e46..148f8d1 100644
--- a/components/teams/TeamCard.js
+++ b/components/teams/TeamCard.js
@@ -1,4 +1,3 @@
-import Image from 'next/image';
 import { FaEnvelope, FaGithub, FaLinkedin } from 'react-icons/fa';
 import Style from './Team.module.css';
 
@@ -8,16 +7,11 @@ function TeamCard({ name, title, company, socials, imageSrc, lazyImageSrc }) {
   return (
     <div className={Style.card}>
       <div className="z-10 w-full text-center h-2/3 mb-18 mt-4 overflow-hidden rounded-lg">
-        <Image
-          className="z-10 rounded-lg object-cover object-top"
-          height="100%"
-          width="100%"
-          layout="responsive"
+        <img
+          className="z-10 rounded-lg object-cover object-top w-full h-full"
           src={imageSrc}
           alt={name}
-          quality={100}
-          placeholder="blur"
-          blurDataURL={lazyImageSrc}
+          loading="lazy"
         />
       </div>
       <div className="z-10 text-center my-5">