Swiper JS image slides CSS

swiper-js-image-slides-css.html

<style>
  .swiper-container {
    height: 300px;
  }
  .swiper-slide {
    background: lightgray;
    text-align: center;
    /* Center slide text vertically */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .swiper-slide img {
    position: absolute;
    max-width: 100%;
  }
  .swiper-slide figcaption {
    position: absolute;
    bottom: 15%;
  }
  .swiper-slide a {
    background: #000;
    color: #fff;
  }
</style>