flow_start.js

/**
 * Метод принимает 
 * @param {array} row // массив картинок в ряду.
 * @param {HTMLElement} wrap // родитель картинок, наш компонент или блок.
 **/ 
function flow(row, wrap) {
  let aspect = 0;
  const horizontalPadding = 5;
  const maxHeight = 500;
  
  // Собираем все картинки высчитываем соотношение сторон.
  const imagesArray = row.map(image => {
    const imageWidth = image.naturalWidth;
    const imageHeight = image.naturalHeight;
    const imageAspect = imageWidth / imageHeight || 1;

    aspect = aspect + imageAspect;

    return {image, aspect: imageAspect};
  });
};