проблема с добавлением фона

[alex-krassavin]

Здравствуйте, выполняю следующий код и не добавляется изображение, не могу найти ошибку на первый взгляд вроде норм

export default class Opportunities extends React.Component {
render() {
const slideOpportunities = [
require('./images/opportunities/afp.png'),
require('./images/opportunities/event-page.jpg'),
require('./images/opportunities/request.png'),
require('./images/opportunities/invites.jpg'),
require('./images/opportunities/promo.png')
];
var settings = {
infinite: true,
speed: 500,
slidesToShow: 3,
slidesToScroll: 1,
adaptiveHeight: true
};
return (

<Slider {...settings}>
{slideOpportunities.map((index) => (
<div className="slider__Opportunities" style={{ background: url('{index}') no-repeat center center}}>

ds

))}


);
}
}