fix overflows from transitions

src/pages/hamburg/2026/programm.astro

@@ -55,12 +55,7 @@ const program = [
     </div>
   </div>
   <div class="bg-base-200 w-screen overflow-x-hidden">
-    <svg
-        viewBox="0 0 283.46457 11.338583"
-        class="w-[200%] sm:w-[150%] lg:w-full text-(--color-base-100) mb-20"
-        xmlns="http://www.w3.org/2000/svg">
-      <use xlink:href="#transition"/>
-    </svg>
+    <div class="mask-[url(/transitions/small.svg)] bg-base-100 h-10 mask-repeat-x mask-[auto_100%]"/>
     <div class="container p-8 mx-auto">
       <div class="flex flex-col gap-5 items-center">
           {program.map(element => (
@@ -71,12 +66,7 @@ const program = [
           ))}
       </div>
     </div>
-    <svg
-        viewBox="0 0 283.46457 11.338583"
-        class="w-[200%] sm:w-[150%] lg:w-full text-(--color-base-100) bg-base-200 rotate-180 mt-20"
-        xmlns="http://www.w3.org/2000/svg">
-      <use xlink:href="#transition"/>
-    </svg>
+    <div class="mask-[url(/transitions/small.svg)] bg-base-100 rotate-180 h-10 mask-repeat-x mask-[auto_100%] mask-right"/>
   </div>
   <Footer/>
 </Layout>

src/pages/hamburg/2026/wer.astro

@@ -75,12 +75,7 @@ const partners = [
     </div>
   </div>
   <div class="bg-base-200 pb-20 w-screen overflow-x-hidden">
-    <svg
-        viewBox="0 0 283.46457 11.338583"
-        class="w-[200%] sm:w-[150%] lg:w-full text-(--color-base-100) mb-20"
-        xmlns="http://www.w3.org/2000/svg">
-      <use xlink:href="#transition"/>
-    </svg>
+    <div class="mask-[url(/transitions/small.svg)] bg-base-100 h-10 mask-repeat-x mask-[auto_100%]"/>
     <div class="container p-8 mx-auto">
       <div class="grid grid-cols-1 md:grid-cols-2 place-content-center place-items-center">
           {orgs.map(org => (
@@ -98,12 +93,7 @@ const partners = [
   </div>
 
   <div class="bg-base-100 pb-20 w-screen overflow-x-hidden">
-    <svg
-        viewBox="0 0 283.46457 11.338583"
-        class="w-[200%] sm:w-[150%] lg:w-full text-(--color-base-200) mb-20"
-        xmlns="http://www.w3.org/2000/svg">
-      <use xlink:href="#transition"/>
-    </svg>
+    <div class="mask-[url(/transitions/small.svg)] bg-base-200 h-10 mask-repeat-x mask-[auto_100%]"/>
     <div class="container p-8 mx-auto">
       <h2 class="text-4xl text-center font-semibold mb-8">Partner</h2>
       <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 place-content-center gap-20">