fix text and overlay

Author: jevillanueva

home/templates/segments/segment.html

@@ -98,17 +98,17 @@ <h2 class="head-title">{{segment.value.name}}</h2>
 {% endif %}
 {% if segment.value.position == "full" %}
 {% image segment.value.image fill-1920x1080-c10 format-webp preserve-svg as tmp_logo_segment %}
-<section id="{{block.slug}}" style="background: {{block.background_section}}; color: {{block.color_text_section}}">
+<section id="{{block.slug}}" style="color: {{block.color_text_section}}">
     <div class="hero-area-section hero-area-bg" style='background: url("{{ tmp_logo_segment.url }}") no-repeat; background-size: cover; 
         background-position-y: top;
-        background-position-x: center;'>
+        background-position-x: center; color: {{block.color_text_section}}'>
         <div class="overlay-static"></div>
         <div class="container">
             <div class="row justify-content-center">
                 <div class="col-lg-9 col-sm-12">
                     <div class="contents text-center">
 
-                        <h2 class="head-title">{{segment.value.name}}</h2>
+                        <h2 class="head-title" style="color: {{block.color_text_section}}">{{segment.value.name}}</h2>
                         <p class="banner-desc"><div {% if segment.value.list_style %}class="show-list-style"{% endif %}>{{segment.value.description|richtext}}</div></p>
                         <br>
                         <div class="about-content text-justify">

website/static/2023/css/main.css

@@ -2398,7 +2398,7 @@ footer {
   height: 100%;
   top: 0px;
   left: 0px;
-  background: rgba(0, 0, 0, 0.7);
+  background: rgba(0, 0, 0, 0.6);
 }
 
 .hero-area .contents {