Выравнивание галереи по центру?

https://goreska.github.io/nlalmaty/ Не могу спозиционировать блок с галереей на адаптиве, на десктопной версии выравнивал блок флексами, обернул его в wrap, и выравнял justify-content: center , задав ширину обертки 100%, а ширину галереи 90%. Но на мобильной - ширина 575 - выравнивается в одну колонку с помощью

.grid-item 
left: 50% !important
transform: translateX(-50%)

Если адаптировать для разрешения 576 и выше - то при разрешении 768 например, 2 блока накладываются друг на друга, есть ли вариант выравнить их без танцев с бубном?