From 0fcdb7b30c4b5ac6a77484256026e381c1032ccf Mon Sep 17 00:00:00 2001
From: Kurtis Holsapple <kurtis@openfunctioncomputers.com>
Date: Wed, 7 May 2025 14:38:12 -0700
Subject: [PATCH] WIP

---
 dist/app.css                         | 14 ++++++++++++++
 dist/mix-manifest.json               |  2 +-
 src/scss/app.scss                    |  1 +
 src/scss/flex-text-over-image-a.scss | 15 +++++++++++++++
 4 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 src/scss/flex-text-over-image-a.scss

diff --git a/dist/app.css b/dist/app.css
index 85dcccc..13eac60 100644
--- a/dist/app.css
+++ b/dist/app.css
@@ -12103,6 +12103,20 @@ section.side-by-side-text .right > * {
   padding-left: 6rem;
 }
 
+.text-over-image-a {
+  background-position: center;
+  background-size: cover;
+}
+.text-over-image-a .content-wrapper {
+  background-color: rgba(6, 60, 90, 0.8);
+  transform: translateY(-1.25rem);
+  padding-top: 4rem;
+  padding-bottom: 2rem;
+}
+.text-over-image-a .content-wrapper .content {
+  color: #fff;
+}
+
 .text-over-image-b {
   background-position: center;
   background-size: cover;
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
index 9031bc8..916d269 100644
--- a/dist/mix-manifest.json
+++ b/dist/mix-manifest.json
@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=099e96d934e937b07341f2ca9fb82ec2",
-    "/app.css": "/app.css?id=9d796c4c085b0983ad4c39dea2172fc9"
+    "/app.css": "/app.css?id=96fb32fdca84f9e3379b00ab8d088f0b"
 }
diff --git a/src/scss/app.scss b/src/scss/app.scss
index b4819d7..a725428 100644
--- a/src/scss/app.scss
+++ b/src/scss/app.scss
@@ -7,6 +7,7 @@
 
 @import "flex-intro-block";
 @import "flex-side-by-side";
+@import "flex-text-over-image-a";
 @import "flex-text-over-image-b";
 @import "flex-multiblock-callout";
 @import "flex-5050-cta";
diff --git a/src/scss/flex-text-over-image-a.scss b/src/scss/flex-text-over-image-a.scss
new file mode 100644
index 0000000..d880d46
--- /dev/null
+++ b/src/scss/flex-text-over-image-a.scss
@@ -0,0 +1,15 @@
+.text-over-image-a {
+    background-position: center;
+    background-size: cover;
+
+    .content-wrapper {
+        background-color: rgba($c-navy, 0.8);
+        transform: translateY(-1.25rem);
+        padding-top: 4rem;
+        padding-bottom: 2rem;
+
+        .content {
+            color: $c-white;
+        }
+    }
+}