diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index b5aaffbd..55802a3e 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -1159,6 +1159,13 @@ body:has(#menu-controller:checked) {
   margin-right: 0px;
 }
 
+/* LQIP */
+
+picture > img {
+  -webkit-backdrop-filter: blur(10px);
+          backdrop-filter: blur(10px);
+}
+
 /* Code Copy */
 
 .highlight-wrapper {
diff --git a/assets/css/main.css b/assets/css/main.css
index 42970fe0..90346eb2 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -73,6 +73,11 @@ body:has(#menu-controller:checked) {
   @apply rtl:mr-0;
 }
 
+/* LQIP */
+picture > img {
+  backdrop-filter: blur(10px);
+}
+
 /* Code Copy */
 .highlight-wrapper {
   @apply block;