Estoy tratando de usar un proyecto existente que encontré y mejoré, estoy tratando de modificarlo nuevamente, así que podré agregar dinámicamente imágenes personalizadas, aquí está el nuevo proyecto que hice: Logo Bubbles

Ahora, en lugar de usar una imagen grande y cargar la parte relevante, necesito crear dinámicamente nuevas "burbujas de imagen" desde cualquier URL de origen de imagen.

Intenté cambiar este proyecto para reemplazar las burbujas con imágenes dinámicamente, pero solo pude cargar la primera imagen en la lista: Burbujas de imágenes personalizadas

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

¿Puedes ayudarme? ¿Qué falta para crear burbujas de imágenes (las mismas que tenemos en el primer enlace) de forma dinámica, en una posición aleatoria?

Agradezco su ayuda, gracias.