diff --git a/public/images/products/product1.jpeg b/public/images/products/product1.jpeg
new file mode 100644
index 0000000..2cdacb4
Binary files /dev/null and b/public/images/products/product1.jpeg differ
diff --git a/public/images/products/product1.jpg b/public/images/products/product1.jpg
deleted file mode 100644
index f7a9c28..0000000
Binary files a/public/images/products/product1.jpg and /dev/null differ
diff --git a/public/images/products/product2.jpeg b/public/images/products/product2.jpeg
new file mode 100644
index 0000000..7140dfd
Binary files /dev/null and b/public/images/products/product2.jpeg differ
diff --git a/public/images/products/product3.jpeg b/public/images/products/product3.jpeg
new file mode 100644
index 0000000..a5193c3
Binary files /dev/null and b/public/images/products/product3.jpeg differ
diff --git a/public/images/products/product4.jpeg b/public/images/products/product4.jpeg
new file mode 100644
index 0000000..1a43f3f
Binary files /dev/null and b/public/images/products/product4.jpeg differ
diff --git a/public/images/products/product5.jpeg b/public/images/products/product5.jpeg
new file mode 100644
index 0000000..a3d77fb
Binary files /dev/null and b/public/images/products/product5.jpeg differ
diff --git a/public/images/products/product6.jpeg b/public/images/products/product6.jpeg
new file mode 100644
index 0000000..b33bd2b
Binary files /dev/null and b/public/images/products/product6.jpeg differ
diff --git a/public/images/products/product7.jpeg b/public/images/products/product7.jpeg
new file mode 100644
index 0000000..a5e0927
Binary files /dev/null and b/public/images/products/product7.jpeg differ
diff --git a/public/images/products/product8.jpeg b/public/images/products/product8.jpeg
new file mode 100644
index 0000000..44aff61
Binary files /dev/null and b/public/images/products/product8.jpeg differ
diff --git a/src/Components/Cart/index.jsx b/src/Components/Cart/index.jsx
index 4e8dcf8..dc3ec23 100644
--- a/src/Components/Cart/index.jsx
+++ b/src/Components/Cart/index.jsx
@@ -20,6 +20,7 @@ const CartComponent = ({ items, onRemoveFromCart, onUpdateQuantity }) => {
               <CartItem 
                 key={item.cartId}
                 productName={item.productName}
+                itemImage={item.image_url}
                 price={parseFloat(item.price)}
                 quantity={item.quantity}
                 onRemove={() => onRemoveFromCart(item.cartId)}
diff --git a/src/Components/CartItem/index.jsx b/src/Components/CartItem/index.jsx
index e8cf2b2..2fefd37 100644
--- a/src/Components/CartItem/index.jsx
+++ b/src/Components/CartItem/index.jsx
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import './style.css';
 import { FaRegTrashAlt } from "react-icons/fa";
 
-const CartItem = ({ productName, price, quantity: initialQuantity, onRemove, onUpdateQuantity }) => {
+const CartItem = ({ productName, itemImage, price, quantity: initialQuantity, onRemove, onUpdateQuantity }) => {
     const [quantity, setQuantity] = useState(initialQuantity);
 
     useEffect(() => {
@@ -34,7 +34,7 @@ const CartItem = ({ productName, price, quantity: initialQuantity, onRemove, onU
         <>
             <div className="cartItem row align-items-center">
                 <div className="col-3 mb-2">
-                    <img className="w-100" src="https://codingyaar.com/wp-content/uploads/bag-scaled.jpg" alt="product image" />
+                    <img className="w-100" src={`/images/${itemImage}`} alt="product image" />
                 </div>
                 <div className="col-9 d-flex justify-content-between align-items-center">
                     <h6 className="m-0">{productName}</h6>
diff --git a/src/Components/ItemCard/index.jsx b/src/Components/ItemCard/index.jsx
index 233f133..7f6b0a6 100644
--- a/src/Components/ItemCard/index.jsx
+++ b/src/Components/ItemCard/index.jsx
@@ -32,7 +32,7 @@ const ItemCard = ({ itemName, itemImage, itemPrice, isAddedToCart, quantity: ini
         <>
             <div className="m-4">
                 <div className="card border-0 rounded-0 shadow card-width">
-                    <img src={`/images/${itemImage}`} className="card-img-top rounded-0" alt="..." />
+                    <img src={`/images/${itemImage}`} className="card-img-top rounded-0" style={{ height: '200px', width: 'auto', objectFit: 'cover' }}  alt="..." />
                     <div className="card-body mt-3 mb-3">
                         <div className="d-flex justify-content-between align-items-center">
                             <h4 className="card-title m-0 p-0">{itemName}</h4>
diff --git a/src/Pages/CartPage.jsx b/src/Pages/CartPage.jsx
index 50f9125..eb46b9b 100644
--- a/src/Pages/CartPage.jsx
+++ b/src/Pages/CartPage.jsx
@@ -18,6 +18,7 @@ const CartPage = () => {
             const items = await db.select({
                 cartId: mySchemaCart.product_id,
                 productName: mySchemaProducts.product_name,
+                image_url: mySchemaProducts.image_url,
                 price: mySchemaProducts.price,
                 quantity: mySchemaCart.quantity,
                 amount: mySchemaCart.amount