style: hero edit + head.html

Author: moiSentineL

src/_layouts/base.njk

@@ -37,7 +37,9 @@
     <meta name="msapplication-config" content="/media/meta/browserconfig.xml">
     <meta name="theme-color" content="#000000">
 
-        <meta property="og:image" content="{{ heroImage or site.image }}" />
+    <meta property="og:image" content="{{ heroImage or site.image }}" />
+    <meta property="twitter:image" content="{{ heroImage or site.image }}" />
+
     {# <link
         rel="stylesheet"
         href="https://unpkg.com/littlefoot/dist/littlefoot.css"

src/styles/css.scss

@@ -590,7 +590,7 @@ audio {
   height: 60vh;                 /* adjust height of hero */
   background-size: cover;
   background-position: center;
-  filter: blur(9px) brightness(0.6);
+  filter: blur(8px) brightness(0.6);
   transition: opacity 0.5s ease-out; /* smooth fade */
   opacity: 1;
   transform: scale(1.05);       /* prevents edge gaps when blurred */