Позиционирование grid items

Это просто сделать на флексах, но есть ли способ, заполнять строку грид элементами с правой стороны, что бы это:

https://codepen.io/Anatoliy6168/pen/XWMvKeM

  <div class="grid-container">
    <div class="grid-item">1</div>
    <div class="grid-item">2</div>
    <div class="grid-item">3</div>
    <div class="grid-item">4</div>
  </div>

превратилось в это:

или это:

Или хоть как нибудь похоже, главное без указания позиций для элементов или костылей вроде добавления пустых элементов. Спасибо!