image corrections on portfolio cards

app/works/portfolio/ProjectCard.jsx

@@ -51,14 +51,18 @@ function ProjectCard({ project }) {
             {project.description}
           </p>
         </div>
-        <div id="img-container" className="flex justify-center mt-5">
+        <div
+          id="img-container"
+          className="flex flex-column overflow-hidden justify-center mt-5 "
+        >
           <Image
             src={project.img}
             alt={project.name}
+            loading="lazy"
             width="0"
             height="0"
             sizes="100vw"
-            className={`w-full h-auto rounded-lg shadow-[0px_3px_15px_0px_#000000]`}
+            className={`w-auto h-full object-contain rounded-lg shadow-[0px_3px_15px_0px_#000000]`}
           />
         </div>
         <div id="tech-container" className="flex justify-center mt-5">

public/data/works.json

@@ -5,7 +5,7 @@
     "class": "Appointment Management",
     "type": "Web App",
     "description": "BarberBuddy is a appointment management system",
-    "img": "https://i.ibb.co/SX2WxF4/barber-buddy.png",
+    "img": "https://res.cloudinary.com/dkgoszhfr/image/upload/f_auto,q_auto/jvvhpipxmvgfo7i8t8ru",
     "lenguage": "Figma - HTML 5 - CSS 3 - Next Js - Tailwindcss - Redux Toolkit - Axios - Date FNS - Notiflix - React Day Picker",
     "code": "https://github.com/No-Country/s11-04-t-node-react",
     "demo": "https://barberbuddyapp.vercel.app/",
@@ -47,7 +47,7 @@
     "class": "Inventory Manager",
     "type": "Web App",
     "description": "Efficient inventory management for tools and construction materials, optimizing stock and streamlining operations.",
-    "img": "https://i.ibb.co/rkPJXW6/homefix.png",
+    "img": "https://res.cloudinary.com/dkgoszhfr/image/upload/f_auto,q_auto/askhwrnlve5qvp0xavyg",
     "lenguage": "HTML 5 - CSS 3 - React Js - Bootstrap - Redux Toolkit - Axios - ReCharts",
     "code": "https://github.com/No-Country/c13-33-t-csharp",
     "demo": "https://homefixapp.vercel.app/",
@@ -92,7 +92,7 @@
     "class": "Music Player",
     "type": "Web App",
     "description": "A simple and user-friendly music player project, bringing joy to your tunes with easy navigation and playback features",
-    "img": "https://i.ibb.co/yB9F0d6/ep-player.png",
+    "img": "https://res.cloudinary.com/dkgoszhfr/image/upload/f_auto,q_auto/iqjm8acjto46ldaas5eq",
     "lenguage": "HTML 5 - CSS 3 - React Js - Bootstrap - Framer Motion - Fetch API",
     "code": "https://github.com/emanuelpps/EP-Music-Player",
     "demo": "https://emanuelpps.github.io/EP-Music-Player/",
@@ -127,7 +127,7 @@
     "class": "Weather Information",
     "type": "Web App",
     "description": "A user-friendly web application for checking the weather, providing you with simple access to forecasts and current conditions to plan your day with ease.",
-    "img": "https://i.ibb.co/YNTF1BR/ep-weather.png",
+    "img": "https://res.cloudinary.com/dkgoszhfr/image/upload/f_auto,q_auto/z84p2prxfqogb3wuk60p",
     "lenguage": "HTML 5 - CSS 3 - React Js - Bootstrap - Fetch API",
     "code": "https://github.com/emanuelpps/EP-WeatherAPP",
     "demo": "https://emanuelpps.github.io/EP-WeatherAPP/",
@@ -163,7 +163,7 @@
     "class": "Food Delivery",
     "type": "Web App",
     "description": "An easy-to-use project for ordering pizzas or empanadas, making your meal experience delightful with straightforward ordering and delivery features.",
-    "img": "https://i.ibb.co/BcNmFBC/don-remolo.png",
+    "img": "https://res.cloudinary.com/dkgoszhfr/image/upload/f_auto,q_auto/elap4su7db1nner0fosm",
     "lenguage": "HTML 5 - CSS 3 - React Js - Bootstrap - Framer Motion - Firebase",
     "code": "https://github.com/emanuelpps/don-remolo-pizza",
     "demo": "https://emanuelpps.github.io/don-remolo-pizza/",
@@ -201,7 +201,7 @@
     "class": "Currency Converter",
     "type": "Web App",
     "description": "Currency converter application, helping you quickly convert currencies for smooth financial transactions.",
-    "img": "https://i.ibb.co/4fSxV6s/ep-converter.png",
+    "img": "https://res.cloudinary.com/dkgoszhfr/image/upload/f_auto,q_auto/ju1lhvihjzyf8h54afrc",
     "lenguage": "SASS - HTML 5 - React Js - Bootstrap - Fetch API",
     "code": "https://github.com/emanuelpps/ep-currency-converter",
     "demo": "https://emanuelpps.github.io/ep-currency-converter/",
@@ -232,7 +232,7 @@
     "class": "Tasks List",
     "type": "Web App",
     "description": "A straightforward to-do list application for efficient task management, making it simple to organize and complete your daily activities.",
-    "img": "https://i.ibb.co/HTQB0XR/todo-list.png",
+    "img": "https://res.cloudinary.com/dkgoszhfr/image/upload/f_auto,q_auto/zeuevnzfewyh4golv6v5",
     "lenguage": "HTML 5 - CSS 3 - React Js - Bootstrap",
     "code": "https://github.com/emanuelpps/todoListEP",
     "demo": "https://emanuelpps.github.io/todoListEP/",
@@ -266,7 +266,7 @@
     "class": "Bakery",
     "type": "Landing Page",
     "description": "Institutional bakery landing page, offering a delightful online experience to explore bakery products and stay updated with the latest offerings.",
-    "img": "https://i.ibb.co/zP6Y4xZ/nire-webpage.png",
+    "img": "https://res.cloudinary.com/dkgoszhfr/image/upload/f_auto,q_auto/pwthqbb3alsvjfqlv5vw",
     "lenguage": "HTML 5 - CSS 3 - React Js - Bootstrap - Framer Motion",
     "code": "https://github.com/emanuelpps/Nire-Panaderia",
     "demo": "https://emanuelpps.github.io/Nire-Panaderia/",
@@ -299,7 +299,7 @@
     "class": "Ecommerce",
     "type": "Web Page",
     "description": "An online shop for home and decor items. It's easy to use, so you can enjoy shopping and know what's new.",
-    "img": "https://i.ibb.co/mTJJk6J/embe-ecommerce.png",
+    "img": "https://res.cloudinary.com/dkgoszhfr/image/upload/f_auto,q_auto/x032nyqtbhmmzlewrawl",
     "lenguage": "HTML 5 - CSS 3 - React Js - Bootstrap - Firebase - Sweetalert",
     "code": "https://github.com/emanuelpps/embe-ecommerce",
     "demo": "https://emanuelpps.github.io/embe-ecommerce/",
@@ -335,7 +335,7 @@
     "class": "Ecommerce",
     "type": "Web Page",
     "description": "An online store for aviation products. Easy shopping to discover the latest gear and essentials.",
-    "img": "https://i.ibb.co/R47PdGg/falcon-aviation-shop.png",
+    "img": "https://res.cloudinary.com/dkgoszhfr/image/upload/f_auto,q_auto/hbu9pxvqeaipz9t1auyd",
     "lenguage": "HTML 5 - CSS 3 - Javascript - Bootstrap",
     "code": "https://github.com/emanuelpps/Falcon-Aviation-Shop",
     "demo": "https://emanuelpps.github.io/Falcon-Aviation-Shop/",