From ad0b188cb38e3c567613d85e7d14f89db5662d9c Mon Sep 17 00:00:00 2001
From: Laurent Peuch <cortex@worlddomination.be>
Date: Tue, 1 Nov 2016 13:35:13 +0100
Subject: [PATCH] [fix] uses lazy again

---
 .../exposure/templates/sections/bordered-picture.html     | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/prosopopee/themes/exposure/templates/sections/bordered-picture.html b/prosopopee/themes/exposure/templates/sections/bordered-picture.html
index 0f914af..7428083 100644
--- a/prosopopee/themes/exposure/templates/sections/bordered-picture.html
+++ b/prosopopee/themes/exposure/templates/sections/bordered-picture.html
@@ -31,7 +31,13 @@
                 data-at-1366="{{ image.generate_thumbnail("x1366") }}"
                 data-at-1920="{{ image.generate_thumbnail("x1920") }}"
                 >
-                <img class="lazy" src="" data-original="{{ image }}" alt="">
+                <picture>
+                    <source srcset="{{ image.generate_thumbnail("x450") }}" media="(max-width: 450px)">
+                    <source srcset="{{ image.generate_thumbnail("x800") }}" media="(max-width: 800px)">
+                    <source srcset="{{ image.generate_thumbnail("x1366") }}" media="(max-width: 1366px)">
+                    <source srcset="{{ image.generate_thumbnail("x1920") }}" media="(max-width: 1920px)">
+                    <img class="lazy" src="{{ image }}" data-original="{{ image }}" alt="">
+                </picture>
                 {% if caption %}
                     <div class="caption__overlay">
                         <h5 class="caption__overlay__title">{{ caption }}</h5>