HTML

image carousel output

<div class="slideshow" style="max-width:100%">   <img class="mySlides" src="http://website.com/img_l.png" style="width:100%">   <img class="mySlides" src="https://website.com/img_2.png" style="width:100%">   <img class="mySlides" src="https://website.com/img_3.png" style="width:100%"> </div> 

Carousel image show

import Carousel from 'flat-carousel';

const images = [
    { src: 'some image' }
];

const MyCarousel = () => (
    <Carousel>
        {images.map((image, index) => (
            <div
                key={index}
                className="demo-item"
                style={{ backgroundImage: 'url(' + image.src + ')' }}
            />
        ))}
    </Carousel>
);