I'm trying to use an existing project I have found and improved,I'm trying to modify it again, so Ill be able to add dynamically custom images, Here is the new project I did: Logo Bubbles

Now, Instead of using one big image, and loading the relevant part, I need to dynamically create new "image bubbles" from any image src URL.

I tried changing this project to replace the bubbles with images dynamically, but I could only load the first image on the list: Custom Images Bubbles

this.el = document.createElement("img");
    this.el.src = src;
    bubblesEl.appendChild(this.el);

Can you please assist? what is missing in order to create image bubbles (same as we have on the first link) dynamically, in a random position?

Appreciate your help, Thank you.