Не отображается картинка в слайдере

Взял готовый слайдер: react-slideshow-image Сделал все по документации. Картинки хранились в константе и выводились с помощью индексации этих констант:

const slideImages = [
  'images/slide_2.jpg',
  'images/slide_3.jpg',
  'images/slide_4.jpg'
];

<div className="each-slide">
  <div style={{'backgroundImage': `url(${slideImages[0]})`}}>
    <span>Slide 1</span>
  </div>
</div>

У меня они даже не подгружались, сделал просто через импорт, теперь они подгружаются, но не отображаются.

import Slide1 from "../../assets/XXXL.jpg";
  <div className="each-slide">
    <div>
      <img src={Slide1} alt="" />
      <span>Slide 1</span>
    </div>
  </div>