Ответное пятно с шириной =0 (изображение не отображается)

Question

Я использую react-slick и я с трудом пытаюсь выяснить, что происходит с этим странным width=0 поведение. Я столкнулся с этой проблемой на репозитории github, но мне не удалось это исправить. Мои изображения не отображаются. Любые идеи, которые я мог бы это исправить? Спасибо! Вот соответствующий код:

  render() {

var settings = {
 dots: false,
 infinite: false,
 speed: 2500,
 slidesToShow: 1,
 slidesToScroll: 1,
 autoplay: true,
 autoplaySpeed: 2500,
 useCSS: false
};

---

 <section className="text_container">
      <div className="first_col">
      <Slider {...settings}>
      <img src="xx" />
      <img src="xx" />
       <img src="xx" />
      </Slider>
      </div>
      <div className="second_col">
        <p>
           blablabla
        </p>
      </div>

.section_2 .text_container{
width: 94.1vw;
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
    align-items: flex-start;
margin-top: 5vw;
margin-bottom: 0;


}

.section_2 .text_container .first_col img{
    height: 25.5vw;
    display: block;
    width: auto;
    position: absolute;
}