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;