CSS Problem

[MartinIAm]

I have an app where it displays the user's avatar but instead of cropping it, it stretches the image to fit inside the 400px by 400px image. How can I fix this so it doesn't stretch it but instead centers the image to use a 1920x1080 image that is cropped to 400x400

[Zuccers]

Might find what you are looking for here:

https://www.w3schools.com/css/css_rwd_images.asp

 

Something like this:

Picture {
  width: 100%;
  height: 400px;
  background-image: /*Image source*/

}