From aae7b8476aa8fd4cc25744e9708adf524a7bfacb Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Fri, 19 Jul 2024 00:55:21 +0800
Subject: [PATCH] Improve drop shadow of main site hero image

---
 src/_includes/main/hero.njk | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/_includes/main/hero.njk b/src/_includes/main/hero.njk
index 106d13dc..b30a1242 100644
--- a/src/_includes/main/hero.njk
+++ b/src/_includes/main/hero.njk
@@ -4,7 +4,11 @@
     <img fetchpriority="high" src="/assets/leilukin/Leilukins-Hub-website-banner.avif" alt="Banner of Leilukin's Hub" width="900" height="300">
 {% endblock %}
 
-{%- css %}.hero img { filter: drop-shadow(0.1rem 0.1rem 0.2rem black); }{% endcss %}
+{% set heroDropShadow %}
+drop-shadow(0.1rem 0.1rem 0.2rem black)
+drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
+{% endset%}
+{%- css %}.hero img { filter: {{ heroDropShadow }}; }{% endcss %}
 
 {% block eventScript %}
     const todayEvent = getTodayEvent();