CSS Ajustar imagem dentro do carousel

[Thesalos]

Estou fazendo um carousel com bootstrap, porém cada imagem tem um tamanho diferente, como faço para as imagens ficarem proporcionais a div, assim na hora de trocar o slide fiquem iguais os tamanhos. Obs: não mexi no css está com os padrões do bootstrap, as imagens estão ocupando toda largura da tela, mas as alturas n batem.

 

<div id="carouselSlide" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner" id="teste">
            <ol class="carousel-indicators">
                <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
            </ol>

            <div class="carousel-item active" id="imgSlide">
                <img class="d-block w-100" src="./img/slide-2.jpg" alt="First slide">
                <div class="carousel-caption d-none d-md-block">
                    <h5>...</h5>
                    <p>...</p>
                </div>
            </div>
          	<div class="carousel-item active" id="imgSlide">
                <img class="d-block w-100" src="./img/slide-2.jpg" alt="Second slide">
                <div class="carousel-caption d-none d-md-block">
                   	<h5>...</h5>
                    <p>....</p>
                </div>
            </div>
  		</div>
  </div>

 

[GabrielSennaMs]

@Thesalos Bom tem algumas formas de corrigir isso, vou citar duas formas.

 

A primeira é colocando imagens com o mesmo tamanho, assim tudo vai ficar alinhado.

A segunda é definindo uma altura para a div e forçando a img a fica nessa altura ou colocando a img em 100% de altura, dessa forma ela vai ficar com a altura da div.