.swiper-container{
   width: 100%;
   height: 300px;
}
.swiper-slide img {width: 100%;}
.swiper-slide {position: relative;}
.swiper-slide p {position: absolute;
bottom: 1em;
    right: 0;
    left: 0;
color: #FFF;
    background-color: #666;
   width: 200px;
    margin: 0 auto;
}
@media screen and (max-width:798px) {
    .swiper-container{
   width: 100%;
   height: 200px;
}
.swiper-slide p {
   width: 100px;
    
}
}