La hauteur carousel de Boostrap

Bonjour,
j'ai un problème concernant la hauteur de mon carousel .

Dans mon fichier css seule la modification de la largeur est pris en compte .

Code HTML:

    <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
      <div class="carousel-inner" role="listbox">
        <div class="carousel-item active">
          <img class="d-block img-fluid" src="resources/slider1.jpg" alt="First slide">
        </div>
        <div class="carousel-item">
          <img class="d-block img-fluid" src="resources/slider2.jpg" alt="Second slide">
        </div>
        <div class="carousel-item">
          <img class="d-block img-fluid" src="resources/slider3.jpg" alt="Third slide">
        </div>
      </div>
    </div>

Code CSS:

#carouselExampleControls
{
    height:10%;
}

Je voudrais réduire la hauteur de mon carousel .