Tenho um carrousel feito por Javascript e Bootstrap. Ele recebe imagens de um banco baseado em um rank de cliques, mas as imagens são todas de tamanhos diferentes e acabam interferindo no display do carrousel, eu ja tentei mudar tamanhos em CSS inline por todo lado, mas não consigo resolver.
Segue meu código:
<div class="row col-md-6 col-md-offset-3">
<div id="carousel" style="width:100%;">
<?php foreach($ofertas as $indice => $teste): ?>
<img src="<?= Yii::getAlias('@web').$teste['ofe_imagem']?>" style="!important;">
<?php endforeach ?>
</div>
</div>
<script>
$('#carousel').slick({
autoplay: true,
autoplaySpeed: 1000,
arrows: true,
nextArrow:'<button style="position"class="right carousel-control"></button>',
prevArrow:'<button style="z-index:5"class="left carousel-control"></button>',
slidesToShow: 1,
infinite: true,
adaptativeHeight: true,
});