From 43415d5f7bbfbbabe133b0a46625602cf7469a6e Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Fri, 13 Jun 2025 19:27:44 +0000
Subject: [PATCH] Reduce darkness of photo overlay so that it is easier to view

Decrease background opacity from 40% to 20% in CommunitySection component.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: e524de2d-167c-4bad-8c36-b012186a210b
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/163034da-5f18-4189-83ba-304aa58cefdd.jpg
---
 client/src/components/community/community-section.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/community/community-section.tsx b/client/src/components/community/community-section.tsx
index 8172fe8..f7fd3e1 100644
--- a/client/src/components/community/community-section.tsx
+++ b/client/src/components/community/community-section.tsx
@@ -65,8 +65,8 @@ export function CommunitySection() {
             backgroundPosition: 'center',
           }}
         >
-          {/* Translucent overlay */}
-          <div className="absolute inset-0 bg-black bg-opacity-40"></div>
+          {/* Light translucent overlay */}
+          <div className="absolute inset-0 bg-black bg-opacity-20"></div>
           
           {/* Centered button */}
           <div className="relative z-10">