style: improve qualitative comparison image display

- Increase image size with aspect-ratio container
- Ensure consistent dimensions across both images
- Use object-contain to preserve image quality
- Align captions properly below images
- Change to lg breakpoint for better desktop display

Author: daijun10086

src/App.tsx

@@ -556,26 +556,30 @@ function App() {
         {/* Qualitative Comparisons */}
         <section className="mb-20">
           <h2 className="font-serif text-3xl font-semibold mb-8 text-slate-900">Qualitative Comparisons</h2>
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+          <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
             {/* Real-world comparison */}
             <div className="bg-slate-50 rounded-2xl overflow-hidden border border-slate-200 shadow-sm">
-              <img 
-                src={realWorldPatio} 
-                alt="Comparison on real-world data" 
-                className="w-full h-auto"
-              />
+              <div className="aspect-[4/3] overflow-hidden">
+                <img 
+                  src={realWorldPatio} 
+                  alt="Comparison on real-world data" 
+                  className="w-full h-full object-contain"
+                />
+              </div>
               <div className="p-4 text-center">
                 <p className="text-sm font-medium text-slate-700">Comparison on real-world data</p>
               </div>
             </div>
 
             {/* Synthetic comparison */}
             <div className="bg-slate-50 rounded-2xl overflow-hidden border border-slate-200 shadow-sm">
-              <img 
-                src={syntheticTrollet} 
-                alt="Comparison on synthetic data" 
-                className="w-full h-auto"
-              />
+              <div className="aspect-[4/3] overflow-hidden">
+                <img 
+                  src={syntheticTrollet} 
+                  alt="Comparison on synthetic data" 
+                  className="w-full h-full object-contain"
+                />
+              </div>
               <div className="p-4 text-center">
                 <p className="text-sm font-medium text-slate-700">Comparison on synthetic data</p>
               </div>