slidesperview: autoにしたとき、swiper-paginationを表示させる方法

slidePerView: auto,にすると、swiper-paginationが消えてしまいます。
これを、表示させる方法を教えていただきたいです。

よろしくおねがいします。

html
1                <!-- Additional required wrapper -->
2                <div class="swiper-wrapper">
3                  <!-- Slides -->
4                    <div class="swiper-slide" style="width: 440px;">
5                        <div class="card">
6                            <div class="swiper-slide_img"></div>
7                            <div class="swiper-slide_contents">
8                                <div class="swiper-slide_title">とかくに人の世は住みにくい。</div>
9                                <div class="swiper-slide_text">どこへ越しても住みにくいと悟った時、詩が生れて 、画が出来る。意地を通せば窮屈だ。</div>
10                            </div>
11                        </div>
12                    </div>
13                    <div class="swiper-slide" style="width: 440px;">
14                        <div class="card">
15                            <div class="swiper-slide_img"></div>
16                            <div class="swiper-slide_contents">
17                                <div class="swiper-slide_title">とかくに人の世は住みにくい。</div>
18                                <div class="swiper-slide_text">どこへ越しても住みにくいと悟った時、詩が生れて 、画が出来る。意地を通せば窮屈だ。</div>
19                            </div>
20                        </div>
21                    </div>
22                    <div class="swiper-slide" style="width: 440px;">
23                        <div class="card">
24                            <div class="swiper-slide_img"></div>
25                            <div class="swiper-slide_contents">
26                                <div class="swiper-slide_title">とかくに人の世は住みにくい。</div>
27                                <div class="swiper-slide_text">どこへ越しても住みにくいと悟った時、詩が生れて 、画が出来る。意地を通せば窮屈だ。</div>
28                            </div>
29                        </div>
30                    </div>
31                    <div class="swiper-slide" style="width: 440px;">
32                        <div class="card">
33                            <div class="swiper-slide_img"></div>
34                            <div class="swiper-slide_contents">
35                                <div class="swiper-slide_title">とかくに人の世は住みにくい。</div>
36                                <div class="swiper-slide_text">どこへ越しても住みにくいと悟った時、詩が生れて 、画が出来る。意地を通せば窮屈だ。</div>
37                            </div>
38                        </div>
39                    </div>
40                    <div class="swiper-slide" style="width: 440px;">
41                        <div class="card">
42                            <div class="swiper-slide_img"></div>
43                            <div class="swiper-slide_contents">
44                                <div class="swiper-slide_title">とかくに人の世は住みにくい。</div>
45                                <div class="swiper-slide_text">どこへ越しても住みにくいと悟った時、詩が生れて 、画が出来る。意地を通せば窮屈だ。</div>
46                            </div>
47                        </div>
48                    </div>
49                    <div class="swiper-slide" style="width: 440px;">
50                        <div class="card">
51                            <div class="swiper-slide_img"></div>
52                            <div class="swiper-slide_contents">
53                                <div class="swiper-slide_title">とかくに人の世は住みにくい。</div>
54                                <div class="swiper-slide_text">どこへ越しても住みにくいと悟った時、詩が生れて 、画が出来る。意地を通せば窮屈だ。</div>
55                            </div>
56                        </div>
57                    </div>
58                </div>
59                <!-- If we need pagination -->
60                <div class="swiper-pagination"></div>
61              </div>

css
1.swiper-slide .swiper-slide-active {
2    width: 440px;
3}
4
5.swiper-slide-active {
6
7}
8
9
10.swiper-slide_img {
11    width: 400px;
12    height: 250px;
13    background: url(../img/slide1@png.png) no-repeat center center / cover;
14}
15
16.swiper-slide_contents {
17    width: 400px;
18    padding: 14px;
19    background-color: #fff;
20}
21
22.swiper-slide_title {
23    font-size: 20px;
24    font-weight: 600;
25}
26
27.swiper-slide_text {
28    margin-top: 12px;
29}
30
31.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
32    display: block;
33    width: inherit;
34    left: 4px;
35}
36
37.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
38    margin: 0 20px 0px 0px;
39}
40
41.swiper-pagination-bullet {
42    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,12px));
43    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,12px));
44    background: #fff;
45    opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
46}
47

jquery
1const swiper = new Swiper('.swiper', {
2  // Optional parameters
3  loop: true,
4  speed: 400,
5  slidePerView: auto,
6
7  // If we need pagination
8  pagination: {
9    el: '.swiper-pagination',
10    clickable: true,
11    type: 'bullets'
12  },
13});