Everything should move, but how?

[BringsCoding]

SwiperJs.mp4

Hey Swiper friends
I hope you are well!

The following problems

In the video you can see how I swipe the left element!

Everything is great, that's exactly how I want it!
But when I swipe in the middle the left element does not move.

How do I make it so that no matter which element I move everything happens exactly as the left element.

I look forward to answers!

ps
Please ignore the design :P

The Code
`var productCoverSwiper = new Swiper(".swiper.products-cover");
var productPriceCardSwiper = new Swiper(".swiper.price-card");

var productMainSwiper = new Swiper(".swiper.products-main", {
//loop: true,
navigation: {
nextEl: ".navslider__products.right",
prevEl: ".navslider__products.left",
},
});

productCoverSwiper.controller.control = productMainSwiper;
productMainSwiper.controller.control = productCoverSwiper;

productPriceCardSwiper.controller.control = productMainSwiper;
productMainSwiper.controller.control = productPriceCardSwiper;
`