fix: Update GIF paths and replace Image component with native img for better performance

Author: recule556688

app/page.tsx

@@ -82,31 +82,31 @@ const projects: Project[] = [
       "A personal portfolio website built with Next.js, Tailwind CSS, and Framer Motion. Features a responsive design, animated transitions, and showcases projects, skills, and contact information.",
     technologies: ["Next.js", "Tailwind CSS", "Framer Motion"],
     link: "https://github.com/recule556688/portfolio",
-    gif: "/tessdev2x.gif?height=300&width=400",
+    gif: "/tessdev2x.gif",
   },
   {
     title: "GlobalSort GUI",
     description:
       "Python-based utility tool to organize files in directories. Offers features like sorting files by type, customizable folders, and extensions, all within a user-friendly GUI.",
     technologies: ["Python", "Pyinstaller", "PyQt"],
     link: "https://github.com/recule556688/GlobalSort_GUI",
-    gif: "/GlobalSort2x.gif?height=300&width=400",
+  gif: "/GlobalSort2x.gif",
   },
   {
     title: "VALORANT Instalocker",
     description:
       "A VALORANT Instalocker with a clean GUI that automatically selects agents using the VALORANT API via valclient. Features agent selection, API error handling, and customization options for agent banners and previews.",
     technologies: ["Python", "VALORANT API", "valclient", "GUI"],
     link: "https://github.com/recule556688/VALORANT-Instalocker",
-    gif: "/valorant2x.gif?height=300&width=400",
+  gif: "/valorant2x.gif",
   },
   {
     title: "Discord Bot Private",
     description:
       "A custom Discord bot designed to automate tasks, moderate servers, and provide entertainment features. Built using Python and the discord.py library with slash commands, Control by API of Minecraft Servers, and a lot more.",
     technologies: ["Python", "discord.py", "API integration", "Slash commands"],
     link: "https://github.com/recule556688/Discord_Bot_Private",
-    gif: "/discord2x.gif?height=300&width=400",
+  gif: "/discord2x.gif",
   },
 ];
 
@@ -170,13 +170,15 @@ const ProjectCard: React.FC<ProjectCardProps> = ({ project, isReversed }) => {
         whileHover={{ scale: 1.05 }}
         transition={{ duration: 0.2 }}
       >
-        <Image
+        {/* Use native img for animated GIFs to avoid Next.js optimization issues */}
+        <img
           src={project.gif}
           alt={`${project.title} demonstration`}
           width={600}
           height={400}
-          layout="responsive"
-          style={{ objectFit: "cover" }}
+          decoding="async"
+          loading="lazy"
+          style={{ width: "100%", height: "auto", objectFit: "cover" }}
           className="rounded-lg"
         />
       </motion.div>
@@ -417,7 +419,7 @@ export default function Portfolio() {
         className="flex flex-col gap-2 sm:flex-row py-6 w-full shrink-0 items-center px-4 md:px-6 border-t border-gray-700 bg-gray-800"
       >
         <p className="text-xs text-gray-400">
-          © 2024 Tess Corp. All rights reserved.
+          © 2025 Tess Corp. All rights reserved.
         </p>
         <nav className="sm:ml-auto flex gap-4 sm:gap-6">
           <Link