carousel card responsive view is not working

enter image description herewhen I am using it on web its working fine , but as soon as I go on mobile view , only images is visible and data overflows out of the card ,

  
  #slider {
    height:55vw;
    position: relative;
    
    transform-style: preserve-3d;

}
  
  #slider label {
    margin: auto;
    width: 30%;
    height: 50%;
    border-radius: 4px;
    position: absolute;
    left: 0; right: 0;
    cursor: pointer;
    transition: transform 1.5s ease infinite;
    
  }
  
  #s1:checked ~ #slide5,
  #s3:checked ~ #slide1, 
  #s5:checked ~ #slide3 {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.37);
    transform: translate3d(-60%,0,-200px);
    margin-top:5vw;
    

    
    
  }
  
  
  
  #s1:checked ~ #slide1, 
  #s3:checked ~ #slide3, 
  #s5:checked ~ #slide5 {
    box-shadow: 0 13px 25px 0 rgba(0,0,0,.3), 0 11px 7px 0 rgba(0,0,0,.19);
    transform: translate3d(0,0,0);
    
    
  }
  
  #s1:checked ~ #slide2, #s2:checked ~ #slide3,
  #s3:checked ~ #slide4, #s4:checked ~ #slide5,
  #s5:checked ~ #slide1 {
    box-shadow: 0 6px 10px 0 rgba(0,0,0,.3), 0 2px 2px 0 rgba(0,0,0,.2);
    transform: translate3d(50%,0,-200px);
    margin-top:5vw;
    
  }
  
  
  #s1:checked ~ #slide3, #s2:checked ~ #slide4,
  #s3:checked ~ #slide5, #s4:checked ~ #slide1,
  #s5:checked ~ #slide2 {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.37);
    transform: translate3d(50%,0,-200px);
    margin-top:5vw;
    
  }
  
  #slide1 { background: white }
 
  #slide3 { background: white }
  
  #slide5 { background: white }
  
  .list-card-osahan-2 .img {
    width: 100%;
    height:100%;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 15px;
}
<section id="slider" >  
  <input type="radio" name="slider" id="s1">
  
  <input type="radio" name="slider" id="s3" checked>
 
  <input type="radio" name="slider" id="s5">
  <label for="s1" id="slide1">
 <div class="list-card-osahan-2 h-100 p-3 overflow-hidden  text-center"> <img src="{{asset('public/assets/site/img/playmarket.png')}}" class="testimg">
                      <h5 class="">test user</h5>
                      <p class="text-gray mb-0 small font-16">test Owner</p>
                      <p class="small myt m-0 text-success">Customer</p>
                      <p><i class="icofont-quote-left font-36 mytext"></i> 
                      The services given by the firm were excellent. It was transparent and reasonable if compared to other firms. Magnificent work by eVyapar Solution</p></div>
  </label>
  
  <label for="s3" id="slide3">
  
  <div class="list-card-osahan-2 h-100 p-3 overflow-hidden  text-center"> <img src="{{asset('public/assets/site/img/playmarket.png')}}" class="testimg">
                      <h5 class="">test user</h5>
                      <p class="text-gray mb-0 small font-16">test Owner</p>
                      <p class="small myt m-0 text-success">Customer</p>
                      <p><i class="icofont-quote-left font-36 mytext"></i> Flawlessness in work, They completed my work before the given ETA, Great collaboration with customer. I'm very happy with their services.</p></div>
  </label>

  <label for="s5" id="slide5">
  <div class="list-card-osahan-2 h-100 p-3 overflow-hidden  text-center">  <img src="{{asset('public/assets/site/img/playmarket.png')}}" class="testimg">
                      <h5 class="">test user</h5>
                      <p class="text-gray mb-0 small font-16">test Owner</p>
                      <p class="small myt m-0 text-success">Customer</p>
                      <p><i class="icofont-quote-left font-36 mytext"></i> Impressive Designs and Easy to communicate.Finally, there is a platform which can find freelancers for you and gets your work done.</p></div>
  </label>
</section>

I am using a overlap carousel card which is working fine on web , but as soon as I see it on mobile view , it not showing the whole information , please help me on this , here are the snippet and codeenter image description here

How many English words
do you know?
Test your English vocabulary size, and measure
how many words do you know
Online Test
Powered by Examplum