Как сделать анимацию "от боков в середину"?

Хочу сделать чтобы товары появлялись от левого и правого края (тоесть они разделены на пополам) и шли в середину. Как это сделать?

.lr {
    font-family: 'Rowdies-Light', sans-serif;
    text-align: center;
    animation: poyavleniye 1s ease-out 1;
    color: white;
}