fix background

packages/website/src/components/Layout/Layout.js

@@ -51,12 +51,12 @@ const Layout = ({ children }) => {
   // `);
 
   return (
-    <>
+    <div className="background bg-top bg-contain">
       <FixedHeader />
       <main>{children}</main>
       <FooterNavigation />
       <Footer />
-    </>
+    </div>
   );
 };
 

packages/website/src/pages/developers.js

@@ -89,7 +89,7 @@ const DevelopersPage = () => (
   <Layout>
     <SEO title="Developers" />
 
-    <Section className="background bg-top bg-cover" first={true}>
+    <Section first={true}>
       <div className="flex flex-col desktop:flex-row desktop:space-y-0 space-y-12 desktop:space-x-12">
         <div className="space-y-12">
           <h1 className="text-white">

packages/website/src/pages/index.js

@@ -70,7 +70,7 @@ const IndexPage = () => {
     <Layout>
       <SEO title="Home" />
 
-      <Section className="background bg-top bg-cover" first={true}>
+      <Section first={true}>
         <div className="text-center">
           <h1 className="text-4xl desktop:text-6xl text-white">
             Build a <span className="text-primary underline-white">free Internet</span>