Задайте для .list-item либо display: flex, либо display: inline-flex. Далее смотрите в сторону выравнивания дочерних флекс-элементов попутно поправляя отступами.
Это называется "скелетная анимация". И сделана она не для красоты. А потому что данные приходят медленно и нужно "зарезервировать" место под эти данные. Легко имитируется css-анимациями в связке с js, ечсли нужна привязка к прокрутке или иным действиям.
Можно спозиционировать вниз основного элемента квадратный псевдоэлмент, задать ему белую внутреннюю тень, смещённую влево и вверх на 2 пикселя и повернуть псевдоэлемент на 45 градусов.
Например, js не может менять свойства псевдоэлементов, но js может менять значения сss-переменных, которые уже можно использовать в стилях псевдоэлементов.