need help in pixijs masking

Hi,

Need help on my project and I am pretty new on pixijs. I need to mask an image ( avatar ) with circle( like border-radius ) and make the image contained and behaves like a background contain or cover.

 // set player avatar
      this.maskC[x] = new PIXI.Graphics();
      this.maskC[x].beginFill(0, 1);
      this.maskC[x].drawCircle(0, 0, 50);
      this.maskC[x].endFill();
      this.maskC[x].width = this.profile_container[x].width * .2;
      this.maskC[x].height = this.maskC[x].width;
      this.maskC[x].renderable = true;
      
      const texture = PIXI.Texture.from(`${data[x].avatar}`);
      this.avatar[x] = new PIXI.Sprite(texture);
      this.avatar[x].mask = this.maskC[x];
      
      this.avatar[x].position.x = this.profile_container[x].width * .08;
      this.maskC[x].position.x = this.avatar[x].position.x + (this.avatar[x].position.x * .5);
      this.maskC[x].position.y = rank.position.y + (this.maskC[x].height/5);
 
      this.avatar[x].addChild(this.maskC[x]);
      this.profile_container[x].addChild(this.avatar[x]);

Thanks in advance. Any help I really appreciate it.