Css 使用flexbox将内容与不同大小的图像垂直对齐

如果我的一幅图像的高度比另一幅低，我如何实现垂直对齐。同时重新排列<768px设备的内容

---

这是布局的顶部。我想你现在可以自己弄清楚底部了

.order flex{
显示器：flex；
}
.订单包装{
显示器：flex；
柔性包装：包装；
证明内容：中心；
对齐项目：柔性端；
最小高度：200px；
最大宽度：120px；
}
.订单图像{
填充底部：50px；
}
.txt{
文本转换：大写；
}

文本
文本
文本

.order-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.order-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 250px;
}

.order-image {
  padding-bottom: 50px;
}

@media (max-width: 768px)   {
    .order-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        min-height: 80px;
        min-width: 450px;
    }

    .order-flex {
        flex-direction: column;
    }
}