Help! How to keep image from covering css shapes? (Edit:Solved)

Question

Ive tried changing the order but the image always covers the css shapes.

Answer 1

This may not be the best fix, but what I did was reverse the order that the image and the circle were in (having the circle go above the waffle), I set the circle to be above the image using the z-index property, then positioned it using the top:; and left:; properties (it might not be where you need it so it might need a little tweaking).
https://code.sololearn.com/WwJ0kfRvW5D7/?ref=app

Answer 2

That's excellent thank you 👏 Faisal

Answer 3

Faisal
https://code.sololearn.com/WzC2g2BmUc4m/?ref=app
I need the black circle on the waffle not underneath

Answer 4

Could you link to the code you're having troubles with?