Styleguide

Figure 

<figure class="m-0">
    <img src="/STATIC/binary/images/de/product/tcto/de-prozesse-beschleunigen-schnelle-datenerfassung-blur.png" data-src="/STATIC/binary/images/de/product/tcto/de-prozesse-beschleunigen-schnelle-datenerfassung.png" alt="Daten zu Transportaufträgen schnell abrufen und erfassen" loading="lazy" class="img-thumbnail img-fluid d-block mx-sm-auto mx-lg-0 lazy" title="Daten zu Transportaufträgen schnell abrufen und erfassen" data-was-processed="true" />
    <noscript>
        <img src="/STATIC/binary/images/de/product/tcto/de-prozesse-beschleunigen-schnelle-datenerfassung.png" alt="Daten zu Transportaufträgen schnell abrufen und erfassen" class="img-thumbnail img-fluid d-block mx-sm-auto mx-lg-0" title="Daten zu Transportaufträgen schnell abrufen und erfassen" />
    </noscript>
</figure>
 
<figure class="{{class}}">
  {{#with image}}
    <img
      src="{{src}}"
      data-src="{{dataSrc}}"
      alt="{{alt}}"
      loading="lazy"
      class="{{class}}"
      title="{{title}}"
      data-was-processed="true"
    />
    <noscript>
      <img
        src="{{dataSrc}}"
        alt="{{alt}}"
        class="img-thumbnail img-fluid d-block mx-sm-auto mx-lg-0"
        title="{{title}}"
      />
    </noscript>
  {{/with}}
</figure>
 
{
  "class": "m-0",
  "image": {
    "class": "img-thumbnail img-fluid d-block mx-sm-auto mx-lg-0 lazy",
    "src": "/STATIC/binary/images/de/product/tcto/de-prozesse-beschleunigen-schnelle-datenerfassung-blur.png",
    "dataSrc": "/STATIC/binary/images/de/product/tcto/de-prozesse-beschleunigen-schnelle-datenerfassung.png",
    "alt": "Daten zu Transportaufträgen schnell abrufen und erfassen",
    "title": "Daten zu Transportaufträgen schnell abrufen und erfassen"
  }
}

No notes defined.