Реактивный бутстреп / карусель увеличиваются при анимации слайдов

Question

Когда карусель выполняет анимацию скольжения, размеры элементов увеличиваются до своего нормального размера, когда размеры должны быть установлены на w-100.

Я не смог найти в сети ни одного ресурса, который бы сталкивался с такими же проблемами. Это для библиотекиact-bootstrap / Carousel, и это элемент списка.

Буду признателен за любую помощь!

<ListItem>
  <Paper>
    <Carousel interval={false} activeIndex={index} onSelect={this.handleSelect}>
      <Carousel.Item>
        <img
          className="d-block w-100"
          src="https://picsum.photos/200"
          alt={listing.address}
        />
      </Carousel.Item>
      <Carousel.Item>
        <img
          className="d-block w-100"
          src="https://picsum.photos/200"
          alt={listing.address}
        />
      </Carousel.Item>
    </Carousel>
  </Paper>
</ListItem>;

Answer 1

попробуйте использовать object-fit: cover; свойство в вашем img className, создав CSS класс