From 07c4a09ab6042087a481be0084fb45958208ed0c Mon Sep 17 00:00:00 2001
From: Oscar <33732524+oscarvz@users.noreply.github.com>
Date: Tue, 10 Dec 2024 17:45:55 +0100
Subject: [PATCH] Fix overflow of hero image (#405)

---
 www/src/components/Hero.astro | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/www/src/components/Hero.astro b/www/src/components/Hero.astro
index bcba67087..633bcba18 100644
--- a/www/src/components/Hero.astro
+++ b/www/src/components/Hero.astro
@@ -12,7 +12,7 @@ if (image && "file" in image) {
 }
 ---
 
-<section>
+<section data-hero>
   <div class="hero-content">
     <header>
       <h1>{title}</h1>
@@ -75,6 +75,10 @@ if (image && "file" in image) {
 <style>
   html[data-has-hero] body {
     --sl-content-width: 102rem;
+
+    *:has(* > [data-hero]) {
+      overflow-x: clip;
+    }
   }
 
   section {