diff --git a/website/src/assets/backgrounds/check-pattern.webp b/website/src/assets/backgrounds/check-pattern.webp
index 789abdf8..bbe132d1 100644
Binary files a/website/src/assets/backgrounds/check-pattern.webp and b/website/src/assets/backgrounds/check-pattern.webp differ
diff --git a/website/src/components/Hero.astro b/website/src/components/Hero.astro
index 8054287d..9db67782 100644
--- a/website/src/components/Hero.astro
+++ b/website/src/components/Hero.astro
@@ -7,9 +7,9 @@ import { Image } from "astro:assets";
 
 <section
   id="hero"
-  class="py-6 px-3 md:px-6 pb-24 bg-white bg-[url(../assets/backgrounds/check-pattern.webp)] bg-size-[auto_900px]"
+  class="py-6 px-3 md:px-6 pb-12 md:pb-24 bg-white bg-[url(../assets/backgrounds/check-pattern.webp)] bg-size-[auto_900px]"
 >
-  <div class="max-w-[130ch] mx-auto mt-20 flex justify-between gap-12">
+  <div class="max-w-[130ch] mx-auto mt-12 md:mt-20 flex justify-between gap-12">
     <div>
       <div
         class="prose prose-p:text-black prose-p:max-w-[65ch] prose-headings:text-heading prose-headings:text-left prose-headings:text-5xl! lg:prose-headings:text-6xl! prose-p:text-xl! prose-p:leading-7! max-w-none"