templates/front/slices/slice_picture_full_width.html.twig line 1

Open in your IDE?
  1. <section class="slice">
  2.     <picture>
  3.         <source media="(max-width: 420px)" data-srcset="{{ cloudinary_media(slice.image.singleMedia, 'f_auto,c_fill,q_auto,w_420,h_243') }} 1x, {{ cloudinary_media(slice.image.singleMedia, 'f_auto,c_fill,q_auto,w_420,h_243,dpr_2') }} 2x"/>
  4.         <source media="(max-width: 767px)" data-srcset="{{ cloudinary_media(slice.image.singleMedia, 'f_auto,c_fill,q_auto,w_767,h_445') }} 1x, {{ cloudinary_media(slice.image.singleMedia, 'f_auto,c_fill,q_auto,w_767,h_445,dpr_2') }} 2x"/>
  5.         <source media="(max-width: 1023px)" data-srcset="{{ cloudinary_media(slice.image.singleMedia, 'f_auto,c_fill,q_auto,w_1023,h_593') }} 1x, {{ cloudinary_media(slice.image.singleMedia, 'f_auto,c_fill,q_auto,w_1023,h_593,dpr_2') }} 2x"/>
  6.         <source media="(max-width: 1440px)" data-srcset="{{ cloudinary_media(slice.image.singleMedia, 'f_auto,c_fill,q_auto,w_1440,h_580') }} 1x, {{ cloudinary_media(slice.image.singleMedia, 'f_auto,c_fill,q_auto,w_1440,h_580,dpr_2') }} 2x"/>
  7.         <source media="(min-width: 1440px)" data-srcset="{{ cloudinary_media(slice.image.singleMedia, 'f_auto,c_fill,q_auto,w_1600,h_644') }} 1x, {{ cloudinary_media(slice.image.singleMedia, 'f_auto,c_fill,q_auto,w_1600,h_644,dpr_2') }} 2x"/>
  8.         <img class="lazyload w-full" width="1440" height="580" data-src="{{ cloudinary_media(slice.image.singleMedia, 'c_fill,f_auto,q_auto,w_1440,h_580') }}"  alt="{{ slice.image.singleMedia.alt|default('') }}" />
  9.     </picture>             
  10. </section>