Lazy load portrait

kubgus · Aug 14, 2024 · 8ee26f8 · 8ee26f8
1 parent 143079f
commit 8ee26f8
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/portrait-container.astro b/src/components/portrait-container.astro
@@ -1,10 +1,12 @@
 <div id="portrait-container">
-    <img src="/images/linkedin-portrait.jpg" alt="Portrait" id="portrait" />
+    <img src="/images/linkedin-portrait.jpg" alt="" id="portrait" loading="lazy" />
 </div>
 
 <style>
 #portrait {
     width: clamp(120px, 15vw, 140px);
+    height: clamp(120px, 15vw, 140px);
+    background-color: var(--secondary-background-dark);
 
     border: 4px solid var(--primary-accent-dark);
     border-radius: 50%;