fix: correct logo alt text and adjust scaling in Hero component

Author: spivx

components/Hero.tsx

@@ -74,7 +74,7 @@ export function Hero() {
           className="mx-auto w-full max-w-[420px] md:max-w-[520px]"
           variants={itemVariants}
         >
-          <div className="origin-center scale-[1.22] md:scale-[1.32]">
+          <div className="origin-center scale-100 md:scale-[1.32]">
             <Logo width={700} height={700} />
           </div>
         </motion.div>

components/Logo/Logo.tsx

@@ -11,13 +11,14 @@ export default function Logo({ width = 350, height = 350 }: LogoProps) {
         <div className="flex flex-col items-center justify-center">
             <Image
                 src={logoSrc}
-                alt="devcontext logo"
+                alt="DevContext logo"
                 width={width}
                 height={height}
                 priority
-                className="mb-2"
+                sizes="(max-width: 768px) 90vw, 520px"
+                className="mb-2 h-auto w-full"
             />
 
         </div>
     );
-}
+}