How to set an image's width and height without stretching it?

Question

If I have:

#logo {
    width: 400px;
    height: 200px;
}

then

Answer 1

#logo {
    width: 400px;
    height: 200px;

    /*Scale down will take the necessary specified space that is 400px x 200px without stretching the image*/
    object-fit:scale-down;
}