Best way to have circles scaling, colliding with each other: physics image or graphics

Phaser 3
1

I want to develop a game like the one in this link.

It has some circles which are like balls but 2D. They can collide with other circles. They have a picture, or texture if it is correct term here, for example they do have a face. What should I use for these:

  1. an image loaded and added to physics and then made circle by setCircle()?
  2. a circle drawn with phaser graphics class. But how to add the face? setTexture()?

Having some problems (post, fiddle) with the first approach so that is why it makes me think other ways.

Which way should I use?