根据视口高度为x图像行指定相同的高度

I am creating a webpage in html and css with a "blog" header section. I want the blog to contain a responsive grid of x images with the same height (width acc. to nat. dimensions) and the same padding displayed in y rows according to viewport width. Before splitting into multiple rows, I thought it would be best to start out by creating one long row of all the images. My question is - how to assign the same height (and corresp. widths) to all images in the row according to viewport height? The height should be decided in pixels as a fixed percentage of the viewport height (3 min.-widths: 480px, 768px, 1140px).I am creating a webpage in html and css with a