add id property to skill.yaml to adjust badge zoom

assets/styles/override.scss

@@ -58,6 +58,12 @@ html[data-theme='dark'] {
     }
 }
 
+#maldevacademy{
+    width: 100%; /* Ensure the image fits within the container */
+    transform: scale(1.9); /* Adjust the scale value to zoom in */
+    transform-origin: center; /* Set the origin of the zoom to the center of the image */
+}
+
 // trick to disable menu icons
 .svg-inverted {
     filter: invert(0);

data/en/sections/skills.yaml

@@ -57,13 +57,16 @@ badges:
   name: Offsec Certified Professional (OSCP)
   url: "https://www.credential.net/b09c11a5-d0fe-49fe-a7bc-e0aaf5e65147"
   badge: "https://api.accredible.com/v1/credential/generate_baked_badge?credential_id=73693188"
+  id: oscp
 
 - type: certification
   name: Maldev Academy
   url: "https://maldevacademy.com"
   badge: "https://maldevacademy.com/css/images/maldev-navbar-logo.svg"
+  id: maldevacademy
 
 - type: certification
   name: Offensive Hardware Security Training
   url: "https://www.whid.ninja/store/product/offensive-hardware-hacking-training-exam-voucher-self-paced"
   badge: "https://avatars3.githubusercontent.com/u/26245612?s=400&v=4"
+  id: ohst

layouts/partials/misc/badge.html

@@ -3,7 +3,7 @@
     {{/* Verifiable certificate badge from https://www.credly.com */}}
     <div class="certificate-badge">
       <a href="{{ .url }}" target="_blank" rel="noopener noreferrer">
-       <img src="{{ .badge }}" alt="{{ .name }}" />
+       <img src="{{ .badge }}" alt="{{ .name }}" id="{{ .id }}" />
       </a>
     </div>
 {{ else if eq .type "soft-skill-indicator" }}