问如何改变flex子元素祖先的顺序

EN

我正在处理一个产品页面(https://codepen.io/oleksiukmary/pen/qPLPMb?editors=1100)，它有两个容器--内容和图像在flex容器中。对于移动设备(<768 of )，我需要更改图像块的顺序(已完成)：

 @media only screen and (max-width: 768px) {
  padding: 5%;
  order: 2;
}

并将标题和价格从图像-> ex的内容块中移除。

• 标题
• 价格
• 图像
• 其余内容

头衔和价格是柔韧孩子的祖先，据我所知，我无法将它们从容器中移出。知道怎么做吗？