How to process images recursvely in gulp - image-processing

Question

I have a loto of images organized in a tree of different directories, and I would need to process and convert them with Gulp recursively, saving them in each subdirectory.
Let me clarify with an example
source-dir
source-subdir01
source-subdir02
source-subdir03
The jpg images are in the 3 source-subdir; I would need to process them recursively, and save the new rescaled and converted jpg+webp in these 3 new dir <small*>
target-dir
target-subdir01
small01
target-subdir02
small02
target-subdir03
small03
If this way is not possible, I would like to store them in the 3 dir <target-subdir*>
Actually I built this little script that works with one directory, and I would like to make it recursive so that I can set "source-dir" as source and process all the subdirectories at the same time.
gulp.task('rescale', function () {
return gulp
.src('source/*.{jpg}')
.pipe(
responsive(
{
// Resize in jpg + webp
'*.jpg': [
{
width: 150,
},
{
width: 300,
},
{
width: 150,
format: 'webp',
quality: 70,
},
{
width: 300,
format: 'webp',
quality: 70,
}
]
},
{
// Global configuration for all images
// The output quality for JPEG, WebP and TIFF output formats
quality: 80,
// Use progressive (interlace) scan for JPEG and PNG output
//progressive: true,
// Strip all metadata
withMetadata: false
}
)
)
.pipe(gulp.dest('target'))
})
Kind regards,
Matt