画像と文字が一緒にならず、スライダーができないです、、、

画像と文字を一緒にしたいのですが、
そこがうまくいかないです、、、

html
1<div class="slider">
2<figure class="slider__content">
3<img src="" class="slider__img">
4<figcaption class="whitepaper-sp">
5<a href="" class="mod-articlTitle mod-for-member title__p"><p></p></a>
6</figcaption>
7</figure>
8<figure class="slider__content">
9<img src="" class="slider__img">
10<figcaption class="whitepaper-sp">
11<a href="" class="mod-articlTitle mod-for-member title__p"><p></p></a>
12</figcaption>
13</figure>
14<figure class="slider__content">
15<img src="" class="slider__img">
16<figcaption class="whitepaper-sp">
17<a href="" class="mod-articlTitle mod-for-member title__p"><p></p></a>
18</figcaption>
19</figure>
20</div>

css
1.slider {
2    width: 50vw;
3    height: calc(23vw * 1.61);
4    margin: 0 auto;
5    overflow: hidden;
6    position: relative;
7  }
8  
9  .slider__content {
10    min-width: 100%;
11    position: absolute;
12    top: 0;
13    left: 0;
14    transform: translateX(100%);
15    
16  }
17  
18  .title__p>p{
19    left: 10px; 
20    top: 10px; 
21    font-size: 15px;
22  }
23  .slider__content:nth-child(1) {
24    animation: sliderAnime 12s ease-in-out infinite;
25	z-index: 6;
26  }
27  
28  .slider__content:nth-child(2) {
29    animation: sliderAnime2 12s ease-in-out 2s infinite;
30	z-index: -1;
31  }
32  
33  .slider__content:nth-child(3) {
34    animation: sliderAnime2 12s ease-in-out 6s infinite;
35	z-index: -1;
36  }
37  
38  
39 @keyframes sliderAnime {
40    0% {
41        z-index: 5;
42        transform: translateX(0);
43    }
44    16.6% {
45        transform: translateX(0);
46    }
47    33.3% {
48        transform: translateX(-100%);
49    }
50    50% {
51        z-index: -1;
52        transform: translateX(-100%);
53    }
54    66.6% {
55        transform: translateX(100%);
56    }
57    83.2% {
58        z-index: 5;
59        transform: translateX(100%);
60    }
61    100% {
62        z-index: 5;
63        transform: translateX(0);
64    }
65}
66
67@keyframes sliderAnime2 {
68    0% {
69        z-index: 5;
70        transform: translateX(100%);
71    }
72    16.6% {
73        transform: translateX(0);
74    }
75    33.3% {
76        transform: translateX(0);
77    }
78    50% {
79        transform: translateX(-100%);
80    }
81    66.6% {
82        z-index: -1;
83        transform: translateX(-100%);
84    }
85    83.2% {
86        transform: translateX(100%);
87    }
88    100% {
89        z-index: 5;
90        transform: translateX(100%);
91    }
92}
93@keyframes sliderAnime3 {
94    0% {
95        z-index: 5;
96        transform: translateX(100%);
97    }
98    16.6% {
99        transform: translateX(0);
100    }
101    33.3% {
102        transform: translateX(0);
103    }
104    50% {
105        transform: translateX(-100%);
106    }
107    66.6% {
108        z-index: -1;
109        transform: translateX(-100%);
110    }
111    83.2% {
112        transform: translateX(100%);
113    }
114    100% {
115        z-index: 5;
116        transform: translateX(100%);
117    }
118}
119  
120  .slider__img {
121    max-width: 100%;
122    min-width: 100%;
123  }
124コード