diff --git a/src/assets/images/aiMlTrainingLogo.png b/src/assets/images/aiMlTrainingLogo.png
index 35eaa03..2f2f739 100644
Binary files a/src/assets/images/aiMlTrainingLogo.png and b/src/assets/images/aiMlTrainingLogo.png differ
diff --git a/src/assets/images/awsTrainingLogo.png b/src/assets/images/awsTrainingLogo.png
index b96553d..b550a9b 100644
Binary files a/src/assets/images/awsTrainingLogo.png and b/src/assets/images/awsTrainingLogo.png differ
diff --git a/src/assets/images/javaTrainingLogo.png b/src/assets/images/javaTrainingLogo.png
index 17d4364..7f5876b 100644
Binary files a/src/assets/images/javaTrainingLogo.png and b/src/assets/images/javaTrainingLogo.png differ
diff --git a/src/assets/images/phpTrainingLogo.png b/src/assets/images/phpTrainingLogo.png
index 432d851..cc701eb 100644
Binary files a/src/assets/images/phpTrainingLogo.png and b/src/assets/images/phpTrainingLogo.png differ
diff --git a/src/assets/images/pythonTrainingLogo.png b/src/assets/images/pythonTrainingLogo.png
index 9d75d7f..f4e4ce6 100644
Binary files a/src/assets/images/pythonTrainingLogo.png and b/src/assets/images/pythonTrainingLogo.png differ
diff --git a/src/assets/images/scrumTrainingLogo.png b/src/assets/images/scrumTrainingLogo.png
index af7eb17..7bb03be 100644
Binary files a/src/assets/images/scrumTrainingLogo.png and b/src/assets/images/scrumTrainingLogo.png differ
diff --git a/src/assets/images/webServerTrainingLogo.png b/src/assets/images/webServerTrainingLogo.png
index 9d50c86..b5973b2 100644
Binary files a/src/assets/images/webServerTrainingLogo.png and b/src/assets/images/webServerTrainingLogo.png differ
diff --git a/src/components/achievementCard/AchievementCard.js b/src/components/achievementCard/AchievementCard.js
index 9868712..51f52dc 100644
--- a/src/components/achievementCard/AchievementCard.js
+++ b/src/components/achievementCard/AchievementCard.js
@@ -10,7 +10,13 @@ export default function AchievementCard({cardInfo, isDark}) {
   return (
     <div className={isDark ? "dark-mode certificate-card" : "certificate-card"}>
       <div className="certificate-image-div">
-        <img src={cardInfo.image} alt="PWA" className="card-image"></img>
+        <img
+          src={cardInfo.image}
+          alt="PWA"
+          className={["card-image", cardInfo.imageClassName]
+            .filter(Boolean)
+            .join(" ")}
+        ></img>
       </div>
       <div className="certificate-detail-div">
         <h5 className={isDark ? "dark-mode card-title" : "card-title"}>
diff --git a/src/components/achievementCard/AchievementCard.scss b/src/components/achievementCard/AchievementCard.scss
index 47d9609..9a01461 100644
--- a/src/components/achievementCard/AchievementCard.scss
+++ b/src/components/achievementCard/AchievementCard.scss
@@ -1,9 +1,13 @@
 @import "../../_globalColor";
 
 .card-image {
-  max-width: 100%;
-  height: auto;
-  width: 250px;
+  width: min(110px, 45%);
+  max-height: 110px;
+  object-fit: contain;
+}
+.card-image-large {
+  width: min(150px, 62%);
+  max-height: 125px;
 }
 .card-title {
   color: $titleColor;
@@ -38,7 +42,7 @@
 }
 .certificate-image-div {
   position: relative;
-  height: 250px;
+  height: 130px;
   overflow: hidden;
   text-align: center;
   display: flex;
diff --git a/src/portfolio.js b/src/portfolio.js
index 29c03e6..1efe216 100644
--- a/src/portfolio.js
+++ b/src/portfolio.js
@@ -221,6 +221,7 @@ const achievementSection = {
       title: "MongoDB for JavaScript Developers",
       subtitle: "MongoDB",
       image: mongodbLogo,
+      imageClassName: "card-image-large",
       footerLink: [
         {
           name: "Certification",
@@ -232,6 +233,7 @@ const achievementSection = {
       title: "Web Development for E-Commerce",
       subtitle: "Academia Colon Tres S.A. Madrid",
       image: csaLogo,
+      imageClassName: "card-image-large",
       footerLink: [
         {
           name: "Certification",