I want to use the profile image to display logos which are rectangular. What code do I need to edit in order to set a single rectangular size globally on all the different templates?

I have tried both the following, but not working properly:

span.up-profilepicture {
width:200px;`
height:100px;
}
.userpro-awsm-pic img
{
width:200px;
height:100px;
}

I have tried using !important declaration,before I posted this topic,but it only changed the image on memberslist and css of memberslist was then messed up. It did not change globally to the same dimensions. I need all profile pictures on card.php, memberslist.php, list.php and view.php to change to rectangular format.

If anyone else needs to change profile pic dimensions on profile view page, here is the css to edit:

For profile view page:
div.userpro-profile-img img{
}

For example:
.div.userpro-profile-img img{
{
width:200px !important;
height:100px !important;
}

thank you for your previous tips.

I’m trying to keep the original dimensions of my pictures as well (for rectangular logos)

If I use the css edit (width 200px / height 100px for example), the pictures are stretched.
Have you found a way to keep the proportions of the picture ?

Thanks