People: images on list page in CMS look stretched

[troughc]

images of people in Signe Laval people list look elongated

[SyamBabu-M]

@saumier @AbhishekPAnil
I looked into the comments of PR. And I have updated the styles as you mentioned.

I just want to mention that adding object-fit: cover will make the image fill the entire 40*40 container. But this can cause a portion of the image to be cropped if the images are not square in dimension.

object-fit: contain on the other hand will ensure that the entire image that the user uploaded will be shown.

[saumier]

@SyamBabu-M Looks good. Since the images are all different sizes, the thumbnail view would loose a consistent look and feel. I think using object-fit: flow on the list with the small thumbnails, like in events list, is the way to go. And the full image can be seen on the details view with object-fit: contain.