diff --git a/astro.config.mjs b/astro.config.mjs
index 7b35228..2fa9c69 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -14,6 +14,9 @@ export default defineConfig({
   },
   output: "server",
   prefetch: true,
+  build: {
+    inlineStylesheets: "always",
+  },
   vite: {
     plugins: [tailwindcss()],
   },
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 4874092..b0a61cb 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -10,10 +10,11 @@ import { config } from "../config";
     <Image
         src={config.personalInfo.profileImage.src}
         alt={config.personalInfo.profileImage.alt}
-        width={300}
-        height={300}
+        widths={[192, 384]}
+        sizes="12rem"
         layout="constrained"
-        priority={true}
+        loading="eager"
+        fetchpriority="high"
         class="rounded-full mx-auto"
         style="max-width: 12rem; width: 100%;"
     />