menu

user/themes/figureslibres/templates/partials/blog-list-item.html.twig

@@ -3,7 +3,9 @@
 {% import _self as macro %}
 
 {% set image = page.media.images|first %}
-{% set services_image = page.media.images|first.derivatives(100, 200, 300, 400, 600).sizes('50vw, 30vw') %}
+{# {% set services_image = page.media.images|first.derivatives(320,1600,300).sizes('(max-width:26em) 100vw, 50vw') %} #}
+
+{% set services_image = page.media.images|first%}
 
 {% if image %}
 <!-- card projet -->
@@ -25,12 +27,13 @@
           {% include 'partials/blog/date.html.twig' %}
           {% endif %}
         </div>
-
-        <img class="lazy" data-src="{{ services_image.url() }}" data-srcset="{{ services_image.srcset() }}">
+        {{ services_image.derivatives(200,600,100).sizes('(max-width:26em) 100vw, 50vw').html(page.header.title, 'images projets', '')}}
 
       </a>
     </div>
+
   </div>
+
  {% else %}
 
    {% include 'partials/blog/title.html.twig' with {title_level: 'p'} %}