<div class="container">
<div class="list-page">
<div class="list-page-item list-page-item--card">
<a href="/" class="list-page-item__image-holder">
<img class="list-page-item__image lazyload lazyload-measure lazyload-bg" alt="Alt text" data-src="https://picsum.photos/600/300?image=0" data-query-obj='{"mode":"crop", "quality":"70", "center": "0.8,0.3"}'>
</a>
<div class="list-page-item__content">
<h2 class="list-page-item__headline">
Headline
</h2>
usu graeci debitis ea, impetus accusamus eam ad. Cu inimicus molestiae quo, at per iusto tritani eruditi.
<a class="list-page-item__link" href="/">
/
</a>
</div>
</div>
<div class="list-page-item list-page-item--card">
<a href="/" class="list-page-item__image-holder">
<img class="list-page-item__image lazyload lazyload-measure lazyload-bg" alt="Alt text" data-src="https://picsum.photos/600/300?image=0" data-query-obj='{"mode":"crop", "quality":"70", "center": "0.8,0.3"}'>
</a>
<div class="list-page-item__content">
<h2 class="list-page-item__headline">
Headline
</h2>
usu graeci debitis ea, impetus accusamus eam ad. Cu inimicus molestiae quo, at per iusto tritani eruditi.
<a class="list-page-item__link" href="/">
/
</a>
</div>
</div>
<div class="list-page-item list-page-item--card">
<a href="/" class="list-page-item__image-holder">
<img class="list-page-item__image lazyload lazyload-measure lazyload-bg" alt="Alt text" data-src="https://picsum.photos/600/300?image=0" data-query-obj='{"mode":"crop", "quality":"70", "center": "0.8,0.3"}'>
</a>
<div class="list-page-item__content">
<h2 class="list-page-item__headline">
Headline
</h2>
usu graeci debitis ea, impetus accusamus eam ad. Cu inimicus molestiae quo, at per iusto tritani eruditi.
<a class="list-page-item__link" href="/">
/
</a>
</div>
</div>
</div>
</div>