Automatically moving sold out product at the bottom

Hello, is there a way how to automatically move sold out product down?

I have a shop with single-piece products and this can make orientation for customers much better.  I found this way: 

.list-grid .grid-item.sold-out {
  order: 2}

But it works only on desktop (grid) gallery. How to use it for both desktop and mobile?

Thank you! : )

password: "ahoj"

.products.collection-content-wrapper .products-flex-container .list-grid {
  display: grid }

Adding this code worked!

Thank you