diff --git a/src/assets/images/merchandise/2.png b/src/assets/images/merchandise/merch1.png
similarity index 100%
rename from src/assets/images/merchandise/2.png
rename to src/assets/images/merchandise/merch1.png
diff --git a/src/assets/images/merchandise/3.png b/src/assets/images/merchandise/merch2.png
similarity index 100%
rename from src/assets/images/merchandise/3.png
rename to src/assets/images/merchandise/merch2.png
diff --git a/src/assets/images/merchandise/4.png b/src/assets/images/merchandise/merch3.png
similarity index 100%
rename from src/assets/images/merchandise/4.png
rename to src/assets/images/merchandise/merch3.png
diff --git a/src/components/merchandiseCard/MerchandiseCard.js b/src/components/merchandiseCard/MerchandiseCard.js
index fe381fc..7b8a8a6 100644
--- a/src/components/merchandiseCard/MerchandiseCard.js
+++ b/src/components/merchandiseCard/MerchandiseCard.js
@@ -1,12 +1,12 @@
 import React, { useState } from "react";
 import "./MerchandiseCard.css";
-import pic1 from "../../assets/images/merchandise/2.png";
-import pic2 from "../../assets/images/merchandise/3.png";
-import pic3 from "../../assets/images/merchandise/4.png";
+import merch1 from "../../assets/images/merchandise/merch1.png";
+import merch2 from "../../assets/images/merchandise/merch2.png";
+import merch3 from "../../assets/images/merchandise/merch3.png";
 
 const MerchandiseCard = () => {
   const [selectedImg, setSelectedImg] = useState(0);
-  const images = [pic2, pic3, pic1];
+  const images = [merch2, merch3, merch1];
   return (
     <div className="codeutsava__merchandise-container">
       <div className="codeutsava__merchandise-left">