That wouldn’t really work because if you based the image on height then the width would need to be auto and then on narrow screens that are tall the images would overlap or cause a larger scrollbar and on wide screens with small heights the images would have great big gaps between them.
The only way you could do it would be to divide the screen/layout into sized percentage sections as you require and then place the images as background images (or use object-fit for real images) and then use background-size:cover to ensure the image fills each area.
Of course this means that some images may not be displaying all the detail as they will be zoomed or shrunk to fill the area they reside in.