javascript - How to cover the background color of the picture or background picture and the arc of the div

Question

1. The avatar and background image are the same, but an opaque background color is added, but the image always suppresses the background color (like the second picture)
2. How to get the curvature of p, use border -Radius can't get this angle, please give me an answer.

Answer 1

What does it mean when the picture suppresses the background color?

border-radius How come you can’t achieve this angle?

Link description