Explaining how to set the background of a png image is beyond the scope of this form...here is on explanation
https://docs.gimp.org/en/gimp-using-web-transparency.html You can make your own image of the catcher using the free GIMP software and set the background to transparent.
Here is an example showing two sprites. These are png images of an arrow. One image has a transparent background, the other does not. Can you tell from looking at the images?

There is no aia. Attached are two images, one with a transparent background, the other without you can use for experimenting.
To understand the difference, download the two png images and use them in sprites in your project and see the difference. The images look like they have no borders, in reality each is 48 x 48 pixel square image. BOTH behave like squares although one displays as if it has no boarder when displayed on a colored background. If your Canvas background is set to white, you will see no difference. Now do you understand why y
ou can make the image look different than a square but the
object will always behave like a square ..that is because of how the Canvas works.