Retrieving content from multiple regions

I'm having difficulties grabbing content from multiple regions and getting it to display properly.

I have a number of pages under /jobs/ and I'm trying to create an overview page at /jobs/index.php which links to all the subpages and includes the page title, an image and a description.

Each page under /jobs/ has the following regions:

Hero image, Blurb, Content

I'm trying to grab and output the field 'image' from Hero image and the field 'text' from Blurb.

Here's my code:

<?php
            perch_content_custom(['Hero image', 'Blurb'], [
                'page' => '/jobs/*',
                'template' => 'listings.html',
                'count' => 4,
            ]);
?>

And my listings.html template:

    <div class="wrapper wrapper--small">

        <div class="grid">

            <div class="grid4">
                <a href="<perch:content id="_page" replace=".php|" />">
                <img src="<perch:content id="image" />" class="" alt="" width="700" height="300">
                </a>
            </div>

            <div class="grid8">
                <perch:content id="text" />
            </div>

        </div>

</div>

All the content is coming out but the HTML is output twice - one block has the image and no text and the other has the text and no image. So some sort of looping issue?