swiperスライダー（自動再生・PC4枚・スマホ1枚両端見切れ）ソースコードあり！

<div class="swiper">
	<div class="swiper-wrapper">
		<div class="swiper-slide">
			<div class="swiper__img">
				<img src="https://kk-works.koukoba.net/wp-content/uploads/2023/04/990d00.webp" alt="スライド" width="300" height="300">
			</div>
		</div>
		<div class="swiper-slide">
			<div class="swiper__img">
				<img src="https://kk-works.koukoba.net/wp-content/uploads/2023/04/e87619.webp" alt="スライド" width="300" height="300">
			</div>
		</div>
		<div class="swiper-slide">
			<div class="swiper__img">
				<img src="https://kk-works.koukoba.net/wp-content/uploads/2023/04/ffdc00.webp" alt="スライド" width="300" height="300">
			</div>
		</div>
		<div class="swiper-slide">
			<div class="swiper__img">
				<img src="https://kk-works.koukoba.net/wp-content/uploads/2023/04/0079f2.webp" alt="スライド" width="300" height="300">
			</div>
		</div>
		<div class="swiper-slide">
			<div class="swiper__img">
				<img src="https://kk-works.koukoba.net/wp-content/uploads/2023/04/008039.webp" alt="スライド" width="300" height="300">
			</div>
		</div>
		<div class="swiper-slide">
			<div class="swiper__img">
				<img src="https://kk-works.koukoba.net/wp-content/uploads/2023/04/ffdc00.webp" alt="スライド" width="300" height="300">
			</div>
		</div>
		<div class="swiper-slide">
			<div class="swiper__img">
				<img src="https://kk-works.koukoba.net/wp-content/uploads/2023/03/012.webp" alt="スライド" width="300" height="300">
			</div>
		</div>
	</div>
</div>

.swiper {
    padding-bottom: 50px;
    visibility: hidden;
}
.swiper-wrapper {
    height: auto;
}
.swiper.swiper-initialized {
    visibility: visible;
}
.swiper__img {
    position: relative;
    margin: 0 auto;
}
.swiper__img::before {
    content: "";
    display: block;
    padding-top: 100%;
}
.swiper__img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.swiper-slide img {
    border-radius: 10px;
}

const swiper = new Swiper(".swiper", {
    autoplay: {
        delay: 3000,
    },
    centeredSlides: true,
    breakpoints: {
        768: {
            centeredSlides: false,
            slidesPerView: 4,
        }
    },
    loop: true,
    slidesPerView: 1.2,
    spaceBetween: 10,
});