From 8ac45b321b380d43ea3b42165212dbb4cb9fb834 Mon Sep 17 00:00:00 2001
From: vista-man <524715@vistacollege.nl>
Date: Thu, 31 Oct 2024 12:10:39 +0100
Subject: [PATCH] xc

---
 css/gallery.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/css/gallery.css b/css/gallery.css
index 0c30ab2..bfcce26 100644
--- a/css/gallery.css
+++ b/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;