diff --git a/public/css/products.css b/public/css/products.css
index 0928d10..db09377 100644
--- a/public/css/products.css
+++ b/public/css/products.css
@@ -26,4 +26,11 @@
     background-color: #212226;
     border-color: #212226;
     color: white;
+}
+
+.product-image {
+    width: 500px;
+    height: 400px;
+    object-fit: cover;
+    display: block;
 }
\ No newline at end of file
diff --git a/views/pages/products.ejs b/views/pages/products.ejs
index 98ebb5d..11a9e0d 100644
--- a/views/pages/products.ejs
+++ b/views/pages/products.ejs
@@ -54,7 +54,7 @@
             <% for(let i=0; i < data.length; i++) { %>
                 <div class="col-lg-3 col-md-6 p-3">
                     <div class="card">
-                        <img alt="Item Image" class="img-fluid lazyload" src="./img/<%= data[i].IMAGE %>">
+                        <img alt="Item Image" class="img-fluid lazyload product-image" src="./img/<%= data[i].IMAGE %>">
                         <div class="card-body">
                             <h5 class="card-title"><%= data[i].TITLE %></h5>
                             <p class="card-text"><%= data[i].DESCRIPTION.substring(0, 150) + "..." %></p>