{namespace neos=Neos\Neos\ViewHelpers}

<f:if condition="{backgroundImage}">
    <f:variable name="styleAttribute">style="background-image: url('{neos.media:uri.image(image: backgroundImage)}'); background-size: cover; background-position: center; padding: 4rem 0;"</f:variable>
</f:if>

<section
    class="{backgroundColor} {marginTop} {highlightSectionFontColor}"
    aria-labelledby="section-title-{node.identifier}"
    {styleAttribute -> f:format.raw()}
>

    <span id="section-title-{node.identifier}" class="visually-hidden">{title}</span>
    {items -> f:format.raw()}
</section>

