{namespace dce=ArminVieweg\Dce\ViewHelpers}
<f:layout name="Default" />
<f:section name="main">
	<f:for each="{dce:fal(field:'images', contentObject:contentObject)}" as="image">
		<!-- This is the normal unresponsive way -->
		<f:image image="{image}" />

		<!-- Here we referer to typoscript to render the responsive image -->
		<f:cObject typoscriptObjectPath="lib.responsiveImage" data="{image.uid}"></f:cObject>
	</f:for>
</f:section>