How to achieve image fixed to certain background position?

The title might be confusing, because I don't know how to exactly explain this. On this website there are semicircle images: https://luxana.peerduck.com/ Each image is inside of a semicircle frame (which is background?). And each image has a golden leaf attached to it. How would you make something like this? Any tips will be appreciated. 😊
2 Replies
MarkBoots
MarkBoots•16mo ago
you can make a picture element with a top left/right border radius and inside the image itself with also a top/left border-radius. then the leaf position absolute relative to the picture element. I've made a quik codepen for you https://codepen.io/MarkBoots/pen/LYMQymW
MarkBoots
MarkBoots•16mo ago
No description
Want results from more Discord servers?
Add your server