именно как на скринах - только разными блоками.
т.е. отдельно в виде таблицы на десктопах и отдельно дивами для мобилы. и просто в media запросах одно скрываешь, другое раскрываешь
фишка в том, что блок .slick-list имеет overflow: hidden;
тебе просто нужно любыми способами отдалить блок от .slick-list
в твоем случае можно: .goods__col {margin: 1px 4px;}