在不更改图像原始比率的情况下设置图像的边界

Question

我有一个棘手的问题，我无法在网上找到任何解决方案。 （所有解决方案都没有做我需要的。）

我有以下css的div：

.logo {
    float: right;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;//translates into 460px
    width: 32%;//translates into 240px
}

里面有一个元素未知，从图像到图像的变化。 （一个图像可以是400x200，另一个图像可以是100x100，第三个图像可以是300x100等...我不知道高级图像的高度和宽度）

目标： 我想在使用父div的最大尺寸时显示图像，而不改变图像的宽高比。