fix(ci): Resolve HTML validation 404, Backstop missing references, and blog image optimization

app/[locale]/blog/[slug]/page.tsx

@@ -76,7 +76,7 @@ export default async function BlogPost({ params }: BlogPostProps) {
         <div className="relative w-full h-[70vh] min-h-[500px] overflow-hidden group">
           <div className="absolute inset-0 transition-transform duration-[3s] ease-out scale-110 group-hover:scale-100">
             <Image
-              src={`${post.frontmatter.featuredImage}?gravity=obj:face`}
+              src={post.frontmatter.featuredImage}
               alt={post.frontmatter.title}
               fill
               priority

app/[locale]/blog/page.tsx

@@ -63,7 +63,7 @@ export default async function BlogIndex({ params }: BlogIndexProps) {
           {featuredPost && featuredPost.frontmatter.featuredImage && (
             <>
               <Image
-                src={`${featuredPost.frontmatter.featuredImage}?gravity=obj:face`}
+                src={featuredPost.frontmatter.featuredImage}
                 alt={featuredPost.frontmatter.title}
                 fill
                 className="absolute inset-0 w-full h-full object-cover opacity-40 md:opacity-60"
@@ -164,7 +164,7 @@ export default async function BlogIndex({ params }: BlogIndexProps) {
                     {post.frontmatter.featuredImage && (
                       <div className="relative h-48 md:h-72 overflow-hidden">
                         <Image
-                          src={`${post.frontmatter.featuredImage}?gravity=obj:face`}
+                          src={post.frontmatter.featuredImage}
                           alt={post.frontmatter.title}
                           fill
                           className="w-full h-full object-cover transition-transform duration-1000 group-hover:scale-110"