Carousel não ficou responsivo

<section id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="img/wallpaper.jpg" class="d-block w-100 imagem-acai" alt="...">
              <div class="carousel-caption d-none d-md-block h-50">
                <h1 class="fonte-titulo-logo display-1">Sun Ice Açaí &amp; Sorvetes</h1>
              </div>
            </div>
          <div class="carousel-item">
            <img src="img/fonfon.jpg" class="d-block w-100 imagem-acai" alt="...">
            <div class="carousel-caption d-none d-md-block h-50">
              <h1 class="fonte-titulo-logo display-1">Sun Ice Açaí &amp; Sorvetes</h1>
            </div>
          </div>
          <div class="carousel-item">
            <img src="img/variados.jpeg" class="d-block w-100 imagem-acai" alt="...">
            <div class="carousel-caption d-none d-md-block h-50">
              <h1 class="fonte-titulo-logo display-1">Sun Ice Açaí &amp; Sorvetes</h1>
            </div>
          </div>
          <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleFade"  data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Anterior</span>
          </button>
          <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleFade"  data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Próximo</span>
          </button>
        </div>
    </section>