feat: optimize speakers images

Author: ginifizz

pwa/app/(con)/[locale]/con/2025/components/HomePage.tsx

@@ -196,7 +196,10 @@ const HomePage = ({ speakers, partners, images }: HomePageProps) => {
           </SectionTitle>
           <LookingSponsorCard />
         </div>
-        <div className="bg-white text-center relative z-10 pt-40 pb-40">
+        <div
+          id="partners"
+          className="bg-white text-center relative z-10 pt-40 pb-40"
+        >
           <div className="container text-center">
             <div className="lined-center lined-blue font-bold uppercase text-2xl text-blue font-title">
               <Translate translationKey="partners.title" />

pwa/components/con/speakers/SpeakerImage2025.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import classNames from "classnames";
 import { Speaker } from "types/con";
+import Image from "next/image";
 
 interface SpeakerImageProps {
   image: string;
@@ -90,14 +91,17 @@ export default function SpeakerImage({
               className="aspect-square overflow-hidden w-[calc(400%/3)] pointer-events-none max-w-none absolute z-10 bottom-0 left-1/2 -translate-x-1/2"
               style={{ clipPath: `url(#clip-${speaker.id})` }}
             >
-              <img
+              <Image
                 src={image}
                 className={classNames(
                   "w-full h-full transition-all duration-500 will-change-transform origin-center",
                   big && "scale-110",
                   hoverable && "group-hover:-rotate-2 group-hover:scale-110 "
                 )}
                 alt=""
+                fill
+                sizes={big ? "(max-width: 768px) 400px, 800px" : "400px"}
+                loading="lazy"
               />
             </div>
             <div