diff --git a/src/components/Image.astro b/src/components/Image.astro
index 3a4ad34..dfb1b19 100644
--- a/src/components/Image.astro
+++ b/src/components/Image.astro
@@ -30,7 +30,7 @@ if (!img)
 <figure class:list={['relative overflow-clip bg-neutral-900 isolate', classes]}>
   <div
     aria-hidden
-    class="absolute inset-0 z-10 bg-[url(../assets/images/grain.gif)] mix-blend-soft-light opacity-30"
+    class="absolute inset-0 z-10 bg-[url(../assets/images/grain.gif)] mix-blend-soft-light opacity-25 [background-size:125px] md:[background-size:150px]"
   >
   </div>
   <Picture
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
index 3ed43ba..ef64a42 100644
--- a/tailwind.config.mjs
+++ b/tailwind.config.mjs
@@ -4,7 +4,7 @@ const defaultTheme = require('tailwindcss/defaultTheme');
 
 export default {
   content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
-  safelist: ['animate-spin'],
+  safelist: ['animate-spin', 'origin-center'],
   theme: {
     colors: {
       core: '#C69754',