Html 在放大弹出窗口中垂直对齐图像

我正在尝试垂直对齐网页库中的图像，以便所有底部在一行上匹配？我正在使用放大弹出窗口。我该怎么做？目前，它们垂直居中，如下所示：

---

如果您正在寻找有关HTML和CSS的帮助，您应该发布您迄今为止尝试过的内容或其他内容。在任何情况下，我都会假设您想要一个基于HTML/CSS的答案，并建议使用flex box布局，如下所示：

.parent{
显示器：flex；
对齐内容：柔性端；
调整项目：基线；
}
瑞德先生{
高度：100px；
宽度：50px；
背景：红色；
}
蓝先生{
高度：200px；
宽度：200px；
背景：蓝色；
}
格林先生{
高度：50px；
宽度：80px；
背景：绿色；
}

---

您可以提供此链接或演示吗？如果不知道这些图像是如何定位的，很难进行诊断。