Как сделать чтобы последний элемент родительского элемента отображался выше на странице предпоследнего элемента?

Как c помощью CSS сделать чтобы <div> c классом js-form-type-managed-file на странице отображался выше <table>?

<details>
  <summary></summary>
  <div></div> 
  <div></div>
  <table class="responsive"></table>
  <div class="js-form-type-managed-file"></div>
</details>

Пробовал контейнеру вот так:

display: flex;
 flex-direction: column;

и задавать элементам order но не работает.