Можно ли заказать элемент сетки CSS flexbox с помощью nth-child и order?

Question

Я хотел бы изменить порядок элементов сетки (без class или же id), но не могу изменить его, используя nth-child(),

Это HTML:

<div class='masonry'>
    <img src='lorem.jpg'>
    <img src='ipsum.jpg'>
    <img src='dolores.jpg'>
    <img src='amet.jpg'>
</div>

Ниже CSS:

.masonry {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.masonry img:nth-child(2) {
  grid-column-start: span 2;
}

Следующее не работает; любое значение для order перемещает это в конец ряда.

.masonry img:nth-child(2) {
  order: 3;
}

Смотрите: https://codepen.io/anon/pen/jebmrB