From b42c393fc251efc578242fe090196e454188241d Mon Sep 17 00:00:00 2001
From: Sebastien Graf <sebastien@antistatique.net>
Date: Tue, 13 Feb 2024 15:48:27 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20improve=20grain=20styles?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Image.astro | 2 +-
 tailwind.config.mjs        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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',