Gulp rename - how to rename all files and folders in order?

Question

gulp.js

Project structure:

Config:

var gulp = require('gulp');
var imageResize = require('gulp-image-resize');
var rename = require('gulp-rename');
 
var resizeImageTasks = [];

[100,300].forEach(function(size) {
  var resizeImageTask = 'resize_' + size;
  gulp.task(resizeImageTask, function() {
    return gulp.src('src/**/*.{jpg,png,tiff}')
      .pipe(imageResize({
         width:  size,
         height: size,
         upscale: false
       }))
      .pipe(gulp.dest('dist/' + size + '/'));
  });
  resizeImageTasks.push(resizeImageTask);
});

gulp.task('resize_all', resizeImageTasks);

I take all the pictures from all the folders and resize them. You need to rename all folders and files in order, nested too. Like gulp-rename can, but how?
What I get now as an output:

What I need to get:

Thank you.