From aedf04e4e74e59b862a92e92ae5cd2e70a688081 Mon Sep 17 00:00:00 2001
From: Alison Joseph <alison.joseph@us.ibm.com>
Date: Wed, 2 Oct 2024 08:38:37 -0500
Subject: [PATCH] fix: broken contribution images (#4299)

---
 .../contributing/get-started/overview.mdx     | 38 ++++---------------
 src/styles/_images.scss                       |  2 +-
 2 files changed, 8 insertions(+), 32 deletions(-)

diff --git a/src/pages/contributing/get-started/overview.mdx b/src/pages/contributing/get-started/overview.mdx
index 175eb0cd42f..5f564adb252 100644
--- a/src/pages/contributing/get-started/overview.mdx
+++ b/src/pages/contributing/get-started/overview.mdx
@@ -42,7 +42,7 @@ improved the React testing suite, created image production guidelines in Figma,
 and so much more! Explore the gallery below to see a small sample of finished
 projects.
 
-<Row>
+<Row className="contribution-style">
 <Column colMd={4} colLg={4} noGutterMdLeft>
 <ArticleCard
       title="Carbon Tutorial"
@@ -51,11 +51,7 @@ projects.
       readTime="Contributor: Jeremy Caine"
       href="https://carbondesignsystem.com/developing/react-tutorial/overview/">
 
-<img
-  className="contribution-style"
-  alt="words"
-  src="/images/carbon-tutorial.gif"
-/>
+![Carbon Tutorial](/images/carbon-tutorial.gif)
 
 </ArticleCard>
 </Column>
@@ -67,11 +63,7 @@ projects.
       readTime="Contributors: Kevin Camello, Matthew Oliveira"
       href="https://github.com/carbon-design-system/carbon/issues/6337">
 
-<img
-  className="contribution-style"
-  alt="words"
-  src="/images/two-handle-slider.gif"
-/>
+![Two handle slider](/images/two-handle-slider.gif)
 
 </ArticleCard>
 </Column>
@@ -83,11 +75,7 @@ projects.
       readTime="Contributor: Shankar V."
       href="https://react.carbondesignsystem.com/?path=/story/components-ui-shell-sidenav--side-nav-rail-w-header">
 
-<img
-  className="contribution-style"
-  alt="words"
-  src="/images/left-hand-nav-delay.gif"
-/>
+![Sidenav delay on hover](/images/left-hand-nav-delay.gif)
 
 </ArticleCard>
 </Column>
@@ -99,11 +87,7 @@ projects.
       readTime="Contributors: Devin O’ Bryan, Mike Eaker, Lee Chase"
       href="https://carbondesignsystem.com/patterns/read-only-states-pattern/">
 
-<img
-  className="contribution-style"
-  alt="words"
-  src="/images/read-only-form-inputs.gif"
-/>
+![Read-only states](/images/read-only-form-inputs.gif)
 
 </ArticleCard>
 </Column>
@@ -115,11 +99,7 @@ projects.
       readTime="Contributor: Diana Tran"
       href="https://react.carbondesignsystem.com/?path=/story/components-contentswitcher--icon-only">
 
-<img
-  className="contribution-style"
-  alt="words"
-  src="/images/icon-only-switcher.gif"
-/>
+![Content Switcher: Icon only variant](/images/icon-only-switcher.gif)
 
 </ArticleCard>
 </Column>
@@ -131,11 +111,7 @@ projects.
       readTime="Contributor: Jan Hassel"
       href="https://react.carbondesignsystem.com/?path=/docs/components-combobutton--overview">
 
-<img
-  className="contribution-style"
-  alt="words"
-  src="/images/combo-button.gif"
-/>
+![Combo Butto](/images/combo-button.gif)
 
 </ArticleCard>
 </Column>
diff --git a/src/styles/_images.scss b/src/styles/_images.scss
index cff01aff837..f44cb261ac7 100644
--- a/src/styles/_images.scss
+++ b/src/styles/_images.scss
@@ -38,7 +38,7 @@
 }
 
 // Styles for Contributions Gallery
-.contribution-style {
+.contribution-style img {
   width: 300px;
   height: 300px;
   object-fit: scale-down;