diff --git a/gatsby-config.ts b/gatsby-config.ts
index edb763a9..6427b06c 100644
--- a/gatsby-config.ts
+++ b/gatsby-config.ts
@@ -32,6 +32,7 @@ const config: GatsbyConfig = {
                 },
                 pluginConfig: {
                     head: true,
+                    defer: true
                 },
             },
         },
diff --git a/src/components/Projects.tsx b/src/components/Projects.tsx
index 1521ec17..8948dca1 100644
--- a/src/components/Projects.tsx
+++ b/src/components/Projects.tsx
@@ -119,6 +119,7 @@ const Projects: React.FC = () => {
                       layout: FULL_WIDTH
                       placeholder: BLURRED
                       formats: [AUTO, WEBP]
+                      sizes: "(max-width: 600px) 100vw, 20vw"
                     )
                   }
                 }
diff --git a/src/layouts/layout.css b/src/layouts/layout.css
index 4c5f1867..76770a31 100644
--- a/src/layouts/layout.css
+++ b/src/layouts/layout.css
@@ -601,7 +601,7 @@ pre tt:after {
 body {
     color: #ffd285;
     background-color: #1b1b1b;
-    background-image: url(../content/images/wood.webp), url("../content/images/wood.jpg");
+    background-image: url(../content/images/wood.webp);
     background-size: 10%;
 }