From 038f1e37cb0ef546bcf11856ddeacfb35ad005ce Mon Sep 17 00:00:00 2001
From: Sam Young <sam.young@fntech.com>
Date: Mon, 15 Jul 2024 10:18:13 -0700
Subject: [PATCH 1/2] fix masonry border lines

---
 src/templates/marketing-page-template/Masonry.js         | 8 ++++----
 src/templates/marketing-page-template/styles.module.scss | 4 ++++
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/templates/marketing-page-template/Masonry.js b/src/templates/marketing-page-template/Masonry.js
index bc4266e0..af164581 100644
--- a/src/templates/marketing-page-template/Masonry.js
+++ b/src/templates/marketing-page-template/Masonry.js
@@ -32,11 +32,11 @@ export default React.forwardRef(({ data }, ref) => (
           if (item.images[0].link) {
             return (
               <Link key={index} to={item.images[0].link}>
-                <GatsbyImage image={image} alt={alt} />
+                <GatsbyImage image={image} alt={alt} className={styles.masonryImage} />
               </Link>
             );
           } else {
-            return <GatsbyImage key={index} image={image} alt={alt} />;
+            return <GatsbyImage key={index} image={image} alt={alt} className={styles.masonryImage} />;
           };
         } else if (item.images && item.images.length > 1) {
           return (
@@ -51,11 +51,11 @@ export default React.forwardRef(({ data }, ref) => (
                 if (image.link) {
                   return (
                     <Link key={indexSlide} to={image.link}>
-                      <GatsbyImage image={img} alt={alt} />
+                      <GatsbyImage image={img} alt={alt} className={styles.masonryImage} />
                     </Link>
                   );
                 } else {
-                  return <GatsbyImage key={indexSlide} image={img} alt={alt} />;
+                  return <GatsbyImage key={indexSlide} image={img} alt={alt} className={styles.masonryImage} />;
                 };
               })}
             </Slider>
diff --git a/src/templates/marketing-page-template/styles.module.scss b/src/templates/marketing-page-template/styles.module.scss
index a1a75f9f..cf239c6c 100644
--- a/src/templates/marketing-page-template/styles.module.scss
+++ b/src/templates/marketing-page-template/styles.module.scss
@@ -8,4 +8,8 @@
   .slider {
     margin-bottom: -5px;
   }
+  .masonryImage {
+    width: 101%;
+    margin: -1px;
+  }
 }

From 9673be05f1f6233f63a1e0ba9b6588623579196f Mon Sep 17 00:00:00 2001
From: Sam Young <sam.young@fntech.com>
Date: Mon, 15 Jul 2024 12:35:10 -0700
Subject: [PATCH 2/2] add comment to explain hack

---
 src/templates/marketing-page-template/styles.module.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/templates/marketing-page-template/styles.module.scss b/src/templates/marketing-page-template/styles.module.scss
index cf239c6c..91d3683a 100644
--- a/src/templates/marketing-page-template/styles.module.scss
+++ b/src/templates/marketing-page-template/styles.module.scss
@@ -8,7 +8,7 @@
   .slider {
     margin-bottom: -5px;
   }
-  .masonryImage {
+  .masonryImage { // hack for white border/lines between masonry images
     width: 101%;
     margin: -1px;
   }