Estoy haciendo un carrusel simple con scrollLeft , cuando presiono el siguiente botón, se desplazará según el clientWidth del cliente, pero el elemento secundario o el elemento de la tarjeta en el lado izquierdo está cortado, así que quiero hacerlo sin cortar el elemento secundario o la tarjeta. elemento
por ejemplo, en el lado derecho del elemento contenedor, las tarjetas de elementos secundarios 5 y 6 se han cortado (está bien), así que cuando presione el siguiente botón, las tarjetas 5 y 6 se desplazarán hacia el lado izquierdo al ser cortadas pero No lo quiero siendo cortado,
aquí está mi código https://jsfiddle.net/xhq1yok8/