HTML-Prototype von in2code

<!-- Grid/ Element container-->
<div class="frame frame-type-container frame-space-before-medium" id="c5284">
  <div class="c-highlight">
    <picture class="c-highlight__image c-highlight__image--large">
      <source srcset="https://placeholder.in2code.de/1160x600" media="(min-width: 1000px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/860x600" media="(min-width: 500px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/440x600" type="image/webp"/><img src="https://placeholder.in2code.de/1160x600" title="" alt="" loading="lazy" maxwidth="1160"/>
    </picture>
    <picture class="c-highlight__image">
      <source srcset="https://placeholder.in2code.de/580x600" media="(min-width: 1000px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/860x600" media="(min-width: 500px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/440x600" type="image/webp"/><img src="https://placeholder.in2code.de/860x600" title="" alt="" loading="lazy" maxwidth="860"/>
    </picture>
    <picture class="c-highlight__image">
      <source srcset="https://placeholder.in2code.de/580x600" media="(min-width: 1000px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/860x600" media="(min-width: 500px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/440x600" type="image/webp"/><img src="https://placeholder.in2code.de/860x600" title="" alt="" loading="lazy" maxwidth="860"/>
    </picture>
    <picture class="c-highlight__image">
      <source srcset="https://placeholder.in2code.de/580x600" media="(min-width: 1000px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/860x600" media="(min-width: 500px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/440x600" type="image/webp"/><img src="https://placeholder.in2code.de/860x600" title="" alt="" loading="lazy" maxwidth="860"/>
    </picture>
    <picture class="c-highlight__image">
      <source srcset="https://placeholder.in2code.de/580x600" media="(min-width: 1000px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/860x600" media="(min-width: 500px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/440x600" type="image/webp"/><img src="https://placeholder.in2code.de/860x600" title="" alt="" loading="lazy" maxwidth="860"/>
    </picture>
    <picture class="c-highlight__image">
      <source srcset="https://placeholder.in2code.de/580x600" media="(min-width: 1000px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/860x600" media="(min-width: 500px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/440x600" type="image/webp"/><img src="https://placeholder.in2code.de/860x600" title="" alt="" loading="lazy" maxwidth="860"/>
    </picture>
    <picture class="c-highlight__image c-highlight__image--large">
      <source srcset="https://placeholder.in2code.de/1160x600" media="(min-width: 1000px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/860x600" media="(min-width: 500px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/440x600" type="image/webp"/><img src="https://placeholder.in2code.de/1160x600" title="" alt="" loading="lazy" maxwidth="1160"/>
    </picture>
  </div>
</div>