diff --git a/components/LazyImage.js b/components/LazyImage.js
index 8f064546..8190d1b1 100644
--- a/components/LazyImage.js
+++ b/components/LazyImage.js
@@ -129,20 +129,6 @@ export default function LazyImage({
           <link rel='preload' as='image' href={adjustImgSize(src, maxWidth)} />
         </Head>
       )}
-      <style>
-        {` 
-        .lazy-image-placeholder{
-            background: 
-                linear-gradient(90deg,#0001 33%,#0005 50%,#0001 66%)
-                #f2f2f2;
-            background-size:300% 100%;
-            animation: l1 1s infinite linear;
-            }
-            @keyframes l1 {
-            0% {background-position: right}
-        }
-        `}
-      </style>
     </>
   )
 }
diff --git a/styles/globals.css b/styles/globals.css
index 33d0b750..9ee3e732 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -286,3 +286,15 @@ img {
 .adsbygoogle {
   overflow: hidden;
 }
+
+
+.lazy-image-placeholder{
+  background: 
+      linear-gradient(90deg,#0001 33%,#0005 50%,#0001 66%)
+      #f2f2f2;
+  background-size:300% 100%;
+  animation: l1 1s infinite linear;
+  }
+  @keyframes l1 {
+  0% {background-position: right}
+}
\ No newline at end of file