Olha, não é tão simples. Você pode resolver pelo CSS mas fica incompleto.
O carrossel quando é carregado usa a configuração inicial para ser montado, calcula tamanho, o quanto precisa se mover ao ser acionado, etc. Então se ele carrega configurado para 1 por momento, ele será montado para ser assim. Se você forçar por CSS, alguma coisa vai quebrar. Seja no final do carrossel com espaços vazios ou assim como você falou.
O ideal é você “remontar” o carrossel nos layouts menores. Eu fiz isso nessa loja: https://www.zuloja.com.br/. Ele mostra 4 no desktop e 2 no mobile. Se tiver paciência, dê uma olhada nos scripts e no css que usei.
Quando eu fiz apenas os ajustes CSS colocando largura máxima de 50vw funcionou em partes, no final do carrossel ficou um espaço vazio imenso. Justamente pq ele tinha sido montado para receber 1 por linha.