xc

css/gallery.css

@@ -5,6 +5,18 @@ body {
     place-items: center;
   }
   
+.lazy {
+    opacity: 0;
+    transition: opacity 0.3s ease-in-out;
+}
+
+.lazy::before {
+    content: '';
+    display: block;
+    padding-top: 100%; /* Adjust aspect ratio as needed */
+    background-color: #f0f0f0; /* Placeholder color */
+}
+
   .gallery {
     --size: 100px;
     display: grid;