How to make a photo with rounded edges of a certain size (height and width 50px), but so that the picture does not stretch if it is not square?

Question

css

Need ie11 support
How to make such a block? The photo can be completely different size. Trying
border-radius: 50% и object-fit: cover
But the problem is that object-fit doesn't work in ie11.

Answer 1

Try throwing background-size: cover; why not?