Fixed oversized image.

Author: ProCO-RPHopkins

frontend/index.html

@@ -199,7 +199,12 @@ <h2 class="text-3xl font-bold mb-10 text-center text-teal-600 dark:text-teal-300
         <!-- Achieve Reentry (rich project card) -->
         <article class="group bg-white dark:bg-slate-800 rounded-2xl p-6 ring-1 ring-gray-200 dark:ring-white/15 shadow-lg transition-all duration-500 hover:shadow-teal-500/20 dark:hover:shadow-teal-500/30 hover:-translate-y-2">
           <a href="#achieve-reentry" class="block">
-            <img src="assets/achieve-hero.png" alt="Achieve Reentry – mobile views" class="w-full aspect-video object-cover rounded-xl mb-4 ring-1 ring-gray-200 dark:ring-white/10">
+            <img
+              src="assets/achieve-hero.png"
+              alt="Achieve Reentry – mobile views"
+              class="w-full aspect-[16/9] object-contain rounded-xl mb-4 ring-1 ring-gray-200 dark:ring-white/10 bg-gray-50 dark:bg-slate-800"
+              loading="lazy"
+            />
             <h3 class="text-xl font-semibold mb-2 group-hover:text-teal-600 dark:group-hover:text-teal-300 transition">
               Achieve Reentry — AI Job Search & Support
             </h3>