Front W - Pattern Library

Image 

<img src="/placeholder/1400x600.png" srcset="/placeholder/800x600.jpg 740w,/placeholder/1200x800.jpg 1000w" alt="Testbild" decoding="async" class="img-fluid" width=1440 height=800>
 
{% set breakpoints = {
  sm: 576,
  md: 740,
  lg: 1000,
  xl: 1400,
} %}

<img {{ lazy ? 'data-' }}src="{{ image.src }}" {% if image.srcset %}srcset="{% for bp, src in image.srcset %}{{ src }} {{ breakpoints[bp] }}w{{ loop.last ? '' : ',' }}{% endfor %}"{% endif %} alt="{{ image.alt }}" decoding="async"{{ lazy ? ' loading="lazy"' }} class="img-fluid{{ lazy ? ' lazy' }}"{{ image.width ? ' width=' ~ image.width}}{{ image.height ? ' height=' ~ image.height}}>
 
{
  "image": {
    "src": "/placeholder/600x400.jpg",
    "alt": "Bildbeschreibung"
  }
}