Improve drop shadow of main site hero image

src/_includes/global/h-card.njk

@@ -1,7 +1,7 @@
 <div class="h-card hidden">
     <span class="p-name p-nickname">Leilukin</span>
     <a href="/" class="u-url">Home page</a>
-    <img src="https://i.postimg.cc/RZJgS6tY/leilukin-bee.avif" alt="Leilukin" class="u-photo">
+    <img src="https://i.postimg.cc/RZJgS6tY/leilukin-bee.avif" alt="Leilukin" class="u-photo" loading="lazy">
     <span class="p-country-name">Malaysia</span>
     <span class="p-note">They/she. A proudly queer and autistic <span class="p-gender-identity">non-binary</span> lesbian from Malaysia.</span>
 </div>

src/_includes/main/hero.njk

@@ -1,10 +1,14 @@
 {% extends "global/hero.njk" %}
 
 {% block heroImg %}
-    <img fetchpriority="high" src="/assets/leilukin/Leilukins-Hub-website-banner.avif" alt="Banner of Leilukin's Hub">
+    <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();

src/_includes/main/support-me.njk

@@ -1,7 +1,7 @@
 <p>If you enjoy my work, you can support me on <a href="https://ko-fi.com/leilukin">Ko-Fi</a>.</p>
 <div class="support-me">
     <!-- Ko-Fi button -->
-    <a href="https://ko-fi.com/A1042UH4"><img height="36" style="border:0px;" src="/assets/buttons/misc/ko-fi.webp" border="0" alt="Buy Me a Coffee at ko-fi.com" loading="lazy"></a>
+    <a href="https://ko-fi.com/A1042UH4"><img height="36" src="/assets/buttons/misc/ko-fi.webp" border="0" alt="Buy Me a Coffee at ko-fi.com" loading="lazy"></a>
 </div>
 
 {%- css %}