Swiper loop中の空白を無くしたい

前提・実現したいこと

HTML・css・Jqueryでswiperプラグインを使用して、パーツを横方向にオートスワイプさせループさせる際に
最後の5枚目→1枚目に切り替わる前に2枚分くらいの空白ができてしまっているので、5枚目→1枚目に切り替わる際の空白を無くしたい。

発生している問題・エラーメッセージ

HTML・css・Jqueryでswiperプラグインを使用して、パーツを横方向にオートスワイプさせループさせる際に
最後の5枚目→1枚目に切り替わる前に2枚分くらいの空白ができてしまっている。
5枚目→1枚目に切り替わる際の空白を無くしたい。

該当のソースコード

HTML
1
2<section class="works-wrapper">
3            <div class="section-title">
4              <h1 class="section-title-ja">
5                製作実績
6              </h1>
7              <p class="section-title-en">
8                WORKS
9              </p>
10            </div>
11
12             <div class="swiper-container">
13               <div class="works-list swiper-wrapper">
14                  <div class="works-item swiper-slide ">
15                    <div class="item-wrapper">
16                      <img src="img/digital-marketing-1433427_1280.png" alt="">
17                      <p class="works-content">株式会社サンプル採用サイトのコーディ
18                        ングを行いました！
19                        <a class="works-text">採用技術：jQuery,Bootstrap4<br>
20                          実装期間：2週間<br>
21                          担当コーダー：石井
22                        </a>
23                      </p>
24                    </div>
25                  </div>
26    
27                  <div class="works-item swiper-slide ">
28                    <div class="item-wrapper">
29                      <img src="img/arnel-hasanovic-MNd-Rka1o0Q-unsplash.png" alt="">
30                      <p class="works-content">コーディングカンファレンスのイベント
31                        LPの制作を行いました！
32                        <a class="works-text">採用技術：jQuery,WordPress<br>
33                          実装期間：4週間<br>
34                          担当コーダー：石井
35                        </a>
36                      </p>
37                    </div>
38                  </div>
39    
40                  <div class="works-item swiper-slide">
41                    <div class="item-wrapper">
42                      <img src="img/digital-marketing-1433427_1280.png" alt="">
43                      <p class="works-content">株式会社サンプル採用サイトのコーディ
44                        ングを行いました！
45                        <a class="works-text">採用技術：jQuery,Bootstrap4<br>
46                          実装期間：2週間<br>
47                          担当コーダー：石井
48                        </a>
49                      </p>
50                    </div>
51                  </div>
52    
53                  <div class="works-item swiper-slide ">
54                    <div class="item-wrapper">
55                      <img src="img/hal-gatewood-tZc3vjPCk-Q-unsplash.png" alt="">
56                      <p class="works-content">株式会社サンプル様通販サイトのコーデ
57                        ィングを行いました！
58                        <a class="works-text">採用技術：jQuery,Bootstrap4<br>
59                          実装期間：6週間<br>
60                          担当コーダー：石井
61                        </a>
62                      </p>
63                    </div>
64                  </div>
65    
66                  <div class="works-item swiper-slide ">
67                    <div class="item-wrapper">
68                      <img src="img/digital-marketing-1433427_1280.png" alt="">
69                      <p class="works-content">株式会社サンプル採用サイトのコーディ
70                        ングを行いました！
71                        <a class="works-text">採用技術：jQuery,Bootstrap4<br>
72                          実装期間：2週間<br>
73                          担当コーダー：石井
74                        </a>
75                      </p>
76                    </div>
77                  </div>
78               </div> 
79              </div>
80        <div class="swiper-button-prev"></div>
81        <div class="swiper-button-next"></div>
82         <div class="swiper-pagination"></div>
83        </section>

scss
1
2  .works-wrapper {
3    width: 100%;
4    padding: 57px 0 90px;
5
6    .section-title {
7      margin-bottom: 69px;
8    }
9
10    .swiper-container {
11      margin: 0;
12
13      .works-list {
14        display: flex;
15        flex-wrap: nowrap;
16        justify-content: unset;
17        justify-content: center;
18        
19        .works-item {
20          max-width: 23.5%;
21          // margin-left: 56px;
22          border: 1px solid  #ddd;
23          border-radius: 20px;
24          box-sizing: border-box;
25          
26          &:first-of-type {
27            margin-left: 0;
28          }
29          
30          .works-content {
31            padding: 27px 18px;
32            
33            .works-text {
34              padding-top: 35px;
35            }
36          }
37        }
38        
39        
40        //スライダー
41        .swiper-slide {
42          cursor: pointer;
43        }
44        
45        .sample03 .swiper-button-prev,
46        .sample03 .swiper-button-next {
47            display: none;
48          }
49        }
50      }
51  }
52

js
1
2 window.addEventListener('DOMContentLoaded', function() {
3  var swiper03 = new Swiper(' .swiper-container', {
4    pagination: '.swiper-pagination',
5    paginationClickable: true,
6    nextButton: '.swiper-button-next',
7    prevButton: '.swiper-button-prev',
8    loopAdditionalSlides: 1,
9    slidesPerView: 5,
10    centeredSlides : true,
11    slideToClickedSlide: true,
12    spaceBetween: 20,
13    loop: true,
14    loopAdditionalSlides: 1,
15    autoplay: {
16      delay: 2000,
17      disableOnInteraction: true,
18    },
19  });
20});
21