feat: add cert

Author: SamHillierDev

src/assets/images/certifications/aws-machine-learning-engineer-associate-early-adopter.png

@@ -1,9 +1,11 @@
 import { useState } from "react";
 import microsoftAzureFundamentals from "../assets/images/certifications/microsoft-azure-fundamentals.png";
 import awsAIPractitionerEarlyAdopter from "../assets/images/certifications/aws-ai-practitioner-foundational-early-adopter.png";
+import awsMachineLearningEngineerAssociateEarlyAdopter from "../assets/images/certifications/aws-machine-learning-engineer-associate-early-adopter.png";
 import awsCloudPractitioner from "../assets/images/certifications/aws-cloud-practitioner-foundational.png";
 import awsAIPractitioner from "../assets/images/certifications/aws-ai-practitioner-foundational.png";
 import awsSolutionsArchitectAssociate from "../assets/images/certifications/aws-solutions-architect-associate.png";
+import awsMachineLearningEngineerAssociate from "../assets/images/certifications/aws-machine-learning-engineer-associate.png";
 import awsSecuritySpecialty from "../assets/images/certifications/aws-security-specialty.png";
 
 const Certifications: React.FC = () => {
@@ -15,6 +17,11 @@ const Certifications: React.FC = () => {
       alt: "AWS Certified AI Practitioner Early Adopter",
       url: "https://www.credly.com/badges/afe8b909-aed7-450d-b906-5e2abfa8d37f",
     },
+    {
+      src: awsMachineLearningEngineerAssociateEarlyAdopter,
+      alt: "AWS Certified Machine Learning Engineer - Associate",
+      url: "https://www.credly.com/users/zyphaex",
+    },
     {
       src: microsoftAzureFundamentals,
       alt: "Microsoft Azure Fundamentals",
@@ -35,6 +42,11 @@ const Certifications: React.FC = () => {
       alt: "AWS Certified Solutions Architect - Associate",
       url: "https://www.credly.com/badges/d82b9825-86a8-4430-bb62-74969ffe2768",
     },
+    {
+      src: awsMachineLearningEngineerAssociate,
+      alt: "AWS Certified Machine Learning Engineer - Associate",
+      url: "https://www.credly.com/users/zyphaex",
+    },
     {
       src: awsSecuritySpecialty,
       alt: "AWS Certified Security - Specialty",
@@ -45,13 +57,13 @@ const Certifications: React.FC = () => {
   return (
     <section>
       <div className="relative mx-auto w-full max-w-3xl overflow-hidden">
-        <div className="relative flex flex-wrap items-center justify-center">
+        <div className="relative flex flex-wrap justify-evenly gap-y-8">
           {certifications.map((cert, index) => (
             <div
               key={index}
               className={`relative h-[180px] w-[130px] shrink-0 transform overflow-hidden rounded-lg transition-transform ${
-                hoveredIndex === index ? "z-10 scale-105" : "z-1"
-              } ${index !== 0 ? "-ml-[40px]" : ""}`}
+                hoveredIndex === index ? "z-10 scale-105" : "z-0"
+              } ${index !== 0 ? "-ml-[80px]" : ""}`}
               onMouseEnter={() => setHoveredIndex(index)}
               onMouseLeave={() => setHoveredIndex(null)}
             >