Swiper components can only be seamlessly rotated, so simply implement a pitch rotation

CSS implementation

Add styles to swiper-Item. You can also manually control the spacing and adjust the padding

swiper-item{
  box-sizing: border-box;
  padding: 0 5vw;
}
Copy the code

Results the following

The downside is the addition of padding, which results in images that are not full screen width