Border radius on focus for image inside anchor tag

Question

I have this CSS:

.sky:focus {border-radius: 25px; border: #000 solid 1px; outline: none}

& this HTML:

I wished a 25px border-radius on that focus, but it is not working. How to set border-radius on focus for the image inside an anchor tag?

Wished:

Get:

Thank you in advance :)

user_12973315 · Answer

Solved by this, thank you Théo Benoit!

.sky:focus {background-color:#fff; border-radius: 5px; border: #000 solid 1px; display: inline-block; padding:2px;}