反应灵敏，宽度= 0（img不显示）

Question

我使用react-slick并且我很难弄清楚这种奇怪的width=0行为是怎么回事。我在github repo上遇到了这个问题，但我没有实现解决它。我的图片没有显示。我可以解决这个问题吗？谢谢！这是相关代码：

  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;
}