如何防止弹性盒中的图像每次根据其大小相互跟随？

Question

我要通过单击更新2张图像，每张图像可能每次都有不同的大小和比例。当其中之一发生更改时，另一项随之出现。我彼此之间的距离足够远，因此它们不需要这样做。我要他们独立，稳定。

我尝试使用和不使用flex-box。同样的事情总是发生。唯一有效的方法是将位置设置为绝对或固定，但这会破坏当然的外观。

section{
  display: flex;
  flex-direction: row;
  background-color: #fff;
  height: 100%;
}
#dog1, #dog2{
  display: flex;
  max-width: 400px;
  align-self: center;
  margin: 0 auto;
}

Answer 1

感谢所有检查过它的人。我注意到问题是当宽度改变时出现的，所以我为图像设置了特殊的宽度，而不是最大宽度。不过，如果我希望每个图片的宽度都是随机且唯一的，那是行不通的。但是，至少现在它们是稳定的。如果有人知道如何做到这一点，那将是完美的。