如何在改变屏幕宽度的同时使一个绝对定位的元素在另一个元素之前结束？

@media screen and (max-width: 768px) {
  .absolute-element {
    position: relative;
  }
}

<div class="flex-container">
  <div class="absolute-element">绝对定位元素</div>
  <div class="other-element">另一个元素</div>
</div>

.flex-container {
  display: flex;
  flex-direction: column;
}

.absolute-element {
  order: 2;
}

.other-element {
  order: 1;
}