From 068ee85dc6eb1de3a6863c684d67ef9cfaa9a179 Mon Sep 17 00:00:00 2001
From: Jake Wheeler <jake.wheeler@skylight.digital>
Date: Mon, 28 Oct 2024 14:48:18 -0400
Subject: [PATCH] use css class for data pipeline img

---
 src/app/our-products/page.tsx          | 2 +-
 src/app/styles/OurProducts.module.scss | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/our-products/page.tsx b/src/app/our-products/page.tsx
index 6a33b09..cb61a8e 100644
--- a/src/app/our-products/page.tsx
+++ b/src/app/our-products/page.tsx
@@ -180,10 +180,10 @@ function DataPipeline() {
       <GridContainer>
         <div className="flex flex-col gap-y-6 pb-6">
           <Image
+            className={styles.dataPipelineImage}
             src={`${basePath}/images/placeholder.png`}
             width="1120"
             height="160"
-            style={{ maxHeight: '160px' }}
             alt="Placeholder"
           />
           <div className="flex flex-col gap-y-2">
diff --git a/src/app/styles/OurProducts.module.scss b/src/app/styles/OurProducts.module.scss
index d7bab75..66b5ab4 100644
--- a/src/app/styles/OurProducts.module.scss
+++ b/src/app/styles/OurProducts.module.scss
@@ -1,3 +1,7 @@
 .btn {
     background-color: #224a58;
+}
+
+.dataPipelineImage {
+    max-height: 160px;
 }
\ No newline at end of file