Как вариант, немного переписать код
.card {
justify-content: flex-start;
}
.card__item:nth-child(3n-1) {
margin: 60px 10.589% 0 10.5%;
}
Не знаю, на сколько грамотно так делать, но суть такова, что блоки будут распределяться по родительскому контейнеру не за счет justify-content, а за счет того, что каждый центральный блок каждой строки будет толкать блоки слева и справа от себя. Значения margin подгоняются вручную, исходя из размеров самих блоков и контейнера-родителя.