let imgRatio = 1;

function preload() {

  img = loadImage('silouette-1.png');

}

​

function setup() {

  createCanvas(800, 500);

  console.log(img.height, img.width)

  imgRatio = img.height / img.width;

}

​

function draw() {

  const c = color("#FF89BD");

  // blendMode(BLEND);

  background(c);

  // blendMode(SOFT_LIGHT);

  translate(width/2, height/2);

  rotate(frameCount/100);

  const numPerCircle = 8;

  const circles = 6;

  for (let c = 0; c < circles; c++) {

    const o = map(c, 0, circles, 255, 60);

    tint(255, o);

    for (let i = 0; i < numPerCircle; i++) {

      rotate(360 / (numPerCircle + 1));

      // const r = map(i, 0, 20, 0, 360, true);

      const y = map(c, 0, circles, 10, height - 160, true);

      const w = map(c, 0, circles, 50, 300, true);

      image(img, 0, y, w, w * imgRatio);

    }

  }

​

}