Round image with frame-CodePudding

I want to make the image on the page round and frame it, but something is wrong with me

.image {
    border-radius: 100px; 
    box-shadow: 0 0 0 3px pink, 0 0 13px #333; 
}

<div >
<img src="https://i.picsum.photos/id/799/200/200.jpg?hmac=zFQHfBiAYFHDNrr3oX_pQDYz-YWPWTDB3lIszvP8rRY">
</div>

CodePudding user response：

put inside img, or just style img attribute

.image {
    border-radius: 100px; 
    box-shadow: 0 0 0 3px pink, 0 0 13px #333; 
}

<div>
<img src="https://i.picsum.photos/id/799/200/200.jpg?hmac=zFQHfBiAYFHDNrr3oX_pQDYz-YWPWTDB3lIszvP8rRY" >
</div>