Carousel adapt to mobile phone

[colormango]

I made a Carousel example:
https://www.colormango.com/test/carousel.html
Displays fine on desktop
But it is not suitable for mobile device
Is it possible to display only 1 picture each time on the mobile, just like a slider?

[fancyapps]

Hi,

Please explain what you mean by "it is not suitable for mobile device".

Use CSS to control the number of visible slides, example:

  /* One slide visible by default */
  .carousel__slide {
    width: 100%;
  }

  /* Two slides visible on larger screens (or 3 if the number of slides is odd and the last slide is centered) */
  @media (min-width: 800px) {
    .carousel__slide {
      width: 50%;
    }
  }