Having prev and next slides visible each side of a container

[BluNub20]

Hi,

I'm trying to display the prev and next slides from each side of my container. It displaying correctly until the very last slide :

When we reach the end of the slider there is no more prev slide. Here's what it looks like :

What my settings look like :

(function() {
	new Swiper( '.page-block-project .swiper', {
		modules: [ Autoplay ],
		speed: 400,
		spaceBetween: 10,
		slidesPerView: 1.1,
		direction: 'horizontal',
		loop: true,
		touchEventsTarget: 'wrapper',
		preventInteractionOnTransition: true,
		preventClicks: true,
		preventClicksPropagation: true,
		effect: 'slide',
		preloadImages: true,
		shortSwipes: true,
		autoplay: {
			delay: 5000,
			pauseOnMouseEnter: true,
		},
		lazy: {
			loadPrevNext: true,
		},
		breakpoints: {
			700: { slidesPerView: 1.1, spaceBetween: 25, centeredSlides: false },
			1200: { slidesPerView: 2, spaceBetween: 25, centeredSlides: false },
		},
		on: {
			beforeLoopFix: function( ) {
				window.siteLazyLoad.update();
			},
		},
	});

If I put slidesPerView: 2.1, I have the desired effect, but my slides are not centered anymore in my container :

So I want to know, Is it possible to always have the next and prev slide visible outside of a container. Anyone did this and can help?

Thanks!