Profile card component using HTML and CSS

Yeah sure!

The first two values -320px -290px means 'Starting from the top left, position the first background image 320px to the left and 290px upwards.', essentially positioning the circle off canvas in the top left corner.

Then it's pretty much the same but in reverse for the second background image, bottom -240px right -300px is 'From the bottom, position the background image down by 240px and from the right position it 300px to the right', pushing the second background image off canvas in the bottom right corner.

You can play around with some examples on the MDN Web Docs site to get a better feel for how it works

Hope that helps!

It definitely helps! I'll try it out, thank you so much!

Hello! Great job for this challenge! Can you please explain this part of your code:

background-position:-320px -290px,bottom -240px right -300px

I understand there were 2 background images in the background but I don't know what each value represents.

Thanks!