Fixed the scaling issues on internship programs page

Author: ShirshenduR

src/collections/programs/Programs.style.js

@@ -5,11 +5,16 @@ export const ProgramsWrapper = styled.div`
         color: ${props => props.theme.keppelColor};
         overflow-wrap: break-word;
     }
+    div[style*="aspect-ratio"] {
+        aspect-ratio: unset !important;
+        overflow: visible !important;
+    }
     img{
         width: 19vw;
         float: right;
         margin-left: 40px;
         margin-bottom: 30px;
+        aspect-ratio: unset !important;
         &.hacktoberfest-img {
             width: 50%;
 

src/collections/programs/hacktoberfest-2024/index.mdx

@@ -28,7 +28,7 @@ Prepare for Hacktoberfest and ready yourself for contributing to CNCF projects t
 
 <h3>Earn a Badge </h3> 
 <p>Earn a Hacktoberfest Contributor badge by contributing to Layer5 projects during this Hacktoberfest.</p>
-<img src={hacktoberfestBadge} style="width: 250px"/>
+<img src={hacktoberfestBadge} style="width: 250px; aspect-ratio: unset !important;"/>
 
 <ul>
     <li><strong>DATE:</strong>September 27, 2024</li>