Get first image from children pages

Hi I’m trying to get all of the images images from the first listed child page…
My code currently gets all of the images from all of the children, I’m not too sure how I can filter this to just get all of the images from the first listed page. Hope this makes sense, current code below,

<div>
<ul class="projects_child">
	<?php 
	foreach ($page->children()->images() as $image): ?>
	<li>
		<a href="<?= $image->url() ?>">

			<figure>

				<img src="<?= $image->url() ?>" alt="">

			</figure>	
		</a>
	</li>
	<?php endforeach ?>			
</ul>
</div>
foreach ($page->children()->listed()->first()->images() as $image) {}
1 Like