From bc33fe5fb22d4b2574ea6fd6889c508b7cdf22b6 Mon Sep 17 00:00:00 2001
From: lelkneralfaro <l.elkneralfaro@gmail.com>
Date: Wed, 13 Mar 2024 10:21:42 -0700
Subject: [PATCH] Expand height of footer image parent and add opacity

---
 web/themes/custom/geofresco/dist/css/global.css         | 9 ++++++++-
 web/themes/custom/geofresco/src/global/_components.scss | 8 ++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/web/themes/custom/geofresco/dist/css/global.css b/web/themes/custom/geofresco/dist/css/global.css
index b81e620..12b8871 100644
--- a/web/themes/custom/geofresco/dist/css/global.css
+++ b/web/themes/custom/geofresco/dist/css/global.css
@@ -5303,12 +5303,19 @@ label.panel-block {
       max-height: 36rem; } }
 /* Hero image in hero block */
 .footer .has-background-image.hero.is-medium {
+  background-color: black;
   width: 100vw;
   position: relative;
   left: 50%;
   right: 50%;
   margin-left: -50vw;
-  margin-right: -50vw; }
+  margin-right: -50vw;
+  height: 200px; }
+  @media screen and (min-width: 769px) {
+    .footer .has-background-image.hero.is-medium {
+      height: 400px; } }
+  .footer .has-background-image.hero.is-medium img {
+    opacity: .9; }
   .footer .has-background-image.hero.is-medium .hero-body {
     padding: 3rem 1.5rem; }
     @media screen and (min-width: 769px) {
diff --git a/web/themes/custom/geofresco/src/global/_components.scss b/web/themes/custom/geofresco/src/global/_components.scss
index 4c0e7a6..b1d47d7 100644
--- a/web/themes/custom/geofresco/src/global/_components.scss
+++ b/web/themes/custom/geofresco/src/global/_components.scss
@@ -39,12 +39,20 @@
 /* Hero image in hero block */
 .footer {
   .has-background-image.hero.is-medium {
+    background-color: black;
     width: 100vw;
     position: relative;
     left: 50%;
     right: 50%;
     margin-left: -50vw;
     margin-right: -50vw;
+    height: 200px;
+    @include from ($tablet) {
+      height: 400px;
+    }
+    img {
+      opacity: .7;
+    }
     .hero-body {
       padding: 3rem 1.5rem;
       @include from ($tablet) {