<f:if condition="{footerDecoration}">
    <f:if condition="{footerDecorationAlignment} == 'stretched'">
        <f:then>
            <img class="c-footer__decoration" src="{neos.media:uri.image(image: footerDecoration)}" alt="{f:translate(id: 'word.footerDecoration', package: 'Newland.CityTheme', source: 'Main')}" style="width: 100%;">
        </f:then>
        <f:else>
            <f:if condition="{footerDecorationAlignment} == 'pattern'">
                <f:then>
                    <div class="c-footer__decoration" style="background-image: url('{neos.media:uri.image(image: footerDecoration)}');">
                        <img src="{neos.media:uri.image(image: footerDecoration)}" alt="{f:translate(id: 'word.footerDecoration', package: 'Newland.CityTheme', source: 'Main')}" style="visibility: hidden;">
                    </div>
                </f:then>
                <f:else>
                    <img src="{neos.media:uri.image(image: footerDecoration)}" alt="{f:translate(id: 'word.footerDecoration', package: 'Newland.CityTheme', source: 'Main')}" class="c-footer__decoration">
                </f:else>
            </f:if>
        </f:else>
    </f:if>
</f:if>