Gallery block carousel: Space between images offsets left alignment

Currently using this code to gain space between gallery block carousel images, which works …

.thumb-image.sqs-gallery-design-strip-slide.loaded {
	margin-right: 20px !important;
}

… but after the first image, cumulatively left-offsets each successive image another 20px from the block's left edge (ie fourth image is offset 60px from left edge of block).

Standard behaviour is each image slides in to be hard left-aligned with block's left edge. Result of using margin-right is, if there's a lot of images, the later images offset so much they straddle the left and right block edges, with no clear focused image. 

Also the bottom row of pixels is cropped out.

For CSS, pls quote sitewide properties rather than block-ID, thx!

Included a reference URL, but not seeing it post, so:

https://matter.media/impact/isle-website

Other eg's:

https://matter.media/impact/

Hey @tuanphan, that worked! Brilliant, thanks very much.

Also solved a related thread of mine on the bottom rows of pixels getting cropped (link below) Thanks again!

Only tweak, which would be great, is if I can register the 0.95 size from the image's left. Currently reduces registered to image's centre, which leaves a gap on the left between the image left edge and block's left edge.