diff --git a/src/components/crystal/HeroCrystal3D.tsx b/src/components/crystal/HeroCrystal3D.tsx
index 8e4cde4..8e97c60 100644
--- a/src/components/crystal/HeroCrystal3D.tsx
+++ b/src/components/crystal/HeroCrystal3D.tsx
@@ -188,6 +188,7 @@ export function HeroCrystal3D({
     return (
       <div
         className={`flex items-center justify-center bg-gradient-to-br from-crystal-50 to-slate-50 ${className}`}
+        style={{ aspectRatio: '1 / 1' }}
         aria-hidden="true"
       />
     );
diff --git a/src/components/gallery/FamilyCard.tsx b/src/components/gallery/FamilyCard.tsx
index 304c3ae..8911b12 100644
--- a/src/components/gallery/FamilyCard.tsx
+++ b/src/components/gallery/FamilyCard.tsx
@@ -95,6 +95,8 @@ export function FamilyCard({
             <img
               src={`/crystals/${family.id}.svg`}
               alt={family.name}
+              width="568"
+              height="568"
               className="w-full h-full object-contain"
               onError={() => setImageError(true)}
             />
diff --git a/src/pages/index.astro b/src/pages/index.astro
index d3c54a3..65bd45a 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -4,7 +4,7 @@ import { Card } from '../components/ui/Card';
 import { Button } from '../components/ui/Button';
 import { Badge } from '../components/ui/Badge';
 import { IconBox } from '../components/ui/IconBox';
-import { SectionHeader } from '../components/ui/SectionHeader';
+import SectionHeader from '../components/ui-astro/SectionHeader.astro';
 import Container from '../components/ui-astro/Container.astro';
 import { Link } from '../components/ui/Link';
 import { HeroCrystal3D } from '../components/crystal/HeroCrystal3D';
@@ -154,7 +154,6 @@ const iconPaths: Record<string, string> = {
       <SectionHeader
         title="Built for the full FGA curriculum, and the developers who work with it."
         description="A complete toolkit for FGA students, gemmologists, and crystal enthusiasts."
-        client:load
       />
 
       <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
@@ -239,7 +238,6 @@ const iconPaths: Record<string, string> = {
       <SectionHeader
         title="Seven Crystal Systems"
         description="Comprehensive coverage of all crystal systems with accurate symmetry operations."
-        client:load
       />
 
       <div class="grid sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">