{namespace neos=Neos\Neos\ViewHelpers}

<div class="o-grid__item {distribution}">
    <neos:link.node node="{reference}" class="c-teaser">
        <f:if condition="{image}">
            <noscript>
                <img src="{neos.media:uri.image(image: image, maximumWidth: 300, maximumHeight: 200, allowCropping: true)}"
                     alt="{image.title}"
                     class="c-teaser__image"
                     loading="lazy" />
            </noscript>

            <img data-src="{neos.media:uri.image(image: image, maximumWidth: 300, maximumHeight: 200, allowCropping: true)}"
                 alt="{image.title}"
                 class="c-teaser__image lazyload" />
        </f:if>

        <div class="c-teaser__body">
            <h2 class="c-teaser__title">{title}</h2>

            <f:if condition="{abstract}">
                <p class="c-teaser__intro">{abstract}</p>
            </f:if>
        </div>
    </neos:link.node>
</div>