react-slideshow: image not displayed

Image not displayed although the same image path working on another js file in the same directory.

`import React, { Component } from ‘react’; import { Zoom } from ‘react-slideshow-image’; import { Image, } from “react-bootstrap”

const images = [ “…/…/static/img/hero-illustration.png”, “…/…/static/img/kacst.png” ];

const zoomOutProperties = { duration: 5000, transitionDuration: 500, infinite: true, indicators: true, scale: 0.4, arrows: true }

class SlidShow extends Component { state = { } render() { return ( <div className="slide-container"> <Zoom {…zoomOutProperties}> { images.map((each, index) => <img key={index} /style={{width: “100%”}}/ src={each} />) } </Zoom> </div> ) } }

export default SlidShow;`