diff --git a/app/components/pages/homepage/HomepageProductSection.vue b/app/components/pages/homepage/HomepageProductSection.vue
index 33fa74f..1d504aa 100644
--- a/app/components/pages/homepage/HomepageProductSection.vue
+++ b/app/components/pages/homepage/HomepageProductSection.vue
@@ -210,6 +210,7 @@
 
   .recommend-card .el-image {
     width: 100%;
+    aspect-ratio: 16 / 10;
     border-radius: 4px;
   }
 
diff --git a/app/components/pages/homepage/HomepageSolutionSection.vue b/app/components/pages/homepage/HomepageSolutionSection.vue
index 3bbc52a..d0c1765 100644
--- a/app/components/pages/homepage/HomepageSolutionSection.vue
+++ b/app/components/pages/homepage/HomepageSolutionSection.vue
@@ -210,6 +210,7 @@
 
   .recommend-card .el-image {
     width: 100%;
+    aspect-ratio: 16 / 10;
     border-radius: 4px;
   }
 
diff --git a/app/components/pages/products/ProductHeader.vue b/app/components/pages/products/ProductHeader.vue
index dc9ba61..8a48b13 100644
--- a/app/components/pages/products/ProductHeader.vue
+++ b/app/components/pages/products/ProductHeader.vue
@@ -117,6 +117,9 @@
     .product-image .el-image {
       height: 300px;
     }
+    .product-info {
+      padding: 0 1rem;
+    }
 
     .product-info h1 {
       font-size: 1.5rem;
diff --git a/app/components/shared/ProductCard.vue b/app/components/shared/ProductCard.vue
index 397a0a4..c2da746 100644
--- a/app/components/shared/ProductCard.vue
+++ b/app/components/shared/ProductCard.vue
@@ -61,7 +61,8 @@
   }
 
   .product-card .el-image {
-    height: 150px;
+    width: 100%;
+    aspect-ratio: 16 / 10;
     border-radius: 4px;
   }
 
diff --git a/app/components/shared/SolutionCard.vue b/app/components/shared/SolutionCard.vue
index 867b168..503b494 100644
--- a/app/components/shared/SolutionCard.vue
+++ b/app/components/shared/SolutionCard.vue
@@ -67,7 +67,8 @@
   }
 
   .solution-card .el-image {
-    height: 250px;
+    width: 100%;
+    aspect-ratio: 16 / 10;
   }
 
   @media (max-width: 1200px) {