{namespace v=FluidTYPO3\Vhs\ViewHelpers}
<div class="row">

  <f:if condition="{data.tx_mask_content_items}">
    <f:comment>1st bloc</f:comment>
    <f:for each="{data.tx_mask_content_items}" as="data_item" iteration="iterator">
      <f:if condition="{iterator.isFirst}">
        <f:then>
          <f:render partial="Content/Bloc"  arguments="{_all}" />
        </f:then>
        <f:else>
          <f:comment>Do nothing</f:comment>
        </f:else>
      </f:if>
    </f:for>
  </f:if>

  <f:comment>Middle image</f:comment>
  <f:if condition="{data.image}">
    <div class="col-md-4 xs-12 text-center">
      <f:for each="{data.image}" as="file">
        <f:if condition="{file.link}">
          <f:then>
            <f:link.typolink parameter="{file.link}"><img src="{v:uri.image(src:'{file.uid}', treatIdAsReference:'1')}" alt="{file.alternative}" title="{file.title}" /></f:link.typolink>
          </f:then>
          <f:else>
            <img src="{v:uri.image(src:'{file.uid}', treatIdAsReference:'1')}" alt="{file.alternative}" title="{file.title}" />
          </f:else>
        </f:if>
      </f:for>
    </div>
  </f:if>

  <f:if condition="{data.tx_mask_content_items}">
    <f:comment>1st bloc</f:comment>
    <f:for each="{data.tx_mask_content_items}" as="data_item" iteration="iterator">
      <f:if condition="{iterator.isLast}">
        <f:then>
          <f:render partial="Content/Bloc"  arguments="{_all}" />
        </f:then>
        <f:else>
          <f:comment>Do nothing</f:comment>
        </f:else>
      </f:if>
    </f:for>
  </f:if>

</div>