Fetching nth image

Hi I am working on a nested grid of images that are covers to divs of different sizes.
I am trying to figure out how to call an image by position.
I made a work around calling them by filename but I want my client to be able to just upload and arrange the order. Any help would be appreciated!

Position of an image in relation to what? Position in a given collection? Like this maybe?

$images = $page->images()->sortBy('sort', 'asc');
$image = $images->nth(5);
if ($image) {
  // do something
}

Yeah position in collection.
So say in the first div I want to call the 1st image, the next div call the 2nd image and soo on.
But each of the divs have different dimensions so a for each loop doesn’t work for it.

Then as outlined above. Although I don’t quite understand what different dimensions have to do with whether you can loop through the images or not…

Im trying to create a nested grid of images that fit to the dimensions of each div.
Attached is a screen shot of the layout just need to be able to pull in the images.

I was using this for pulling them in by name but am trying to make it simpler on the user whenI had the site over.

i		<?php if($image = $page->image('1.jpg')): ?>
                <img src="<?= $image->url() ?>" alt="Gallery image 1" class="gallery__img">
       <?php endif ?>

It worked perfect! Thank you!