[Dúvida] Segundo carrossel não aplica os estilos CSS reutilizados do primeiro carrossel do HTML.

Oii, boa noite. Não consigo encontrar onde está o erro no meu código das aulas de HTML e CSS responsividade mobile-first. Reutilizei a DIV "carrossel__container" conforme a professora Monica orientou, mas não sei se a ordem está correta. Revisei várias vezes e refiz igual nos vídeos, mas mesmo assim não encontrei, meu olhar deve estar viciado rs Se alguém puder me ajudar, agradeço muito.

<section class="banner">
        <h2 class="banner__titulo">Já sabe por onde começar?</h2>
        <p class="banner__texto">Encontre em nossa estante o que precisa para seu desenvolvimento!</p>
        <input type="search" class="banner__pesquisa" placeholder="Qual será sua próxima leitura?">
    </section>
    <section class="carrossel">
        <h2 class="carrossel__titulo">ÚLTIMOS LANÇAMENTOS</h2>
        <div class="carrossel__container">
         <div class="swiper">
    
    <div class="swiper-pagination"></div>
    <div class="swiper-wrapper">
      <!-- Slides -->
      <div class="swiper-slide"><img src="img/Guia Front-end.png" alt="livro sobre guia Front-end"></div>
      <div class="swiper-slide"><img src="img/ApacheKafka.png" alt="livro sobre Apache Kafka e spring boot"></div>
      <div class="swiper-slide"><img src="img/Javascript.png" alt="livro sobre Javascript"></div>
      <div class="swiper-slide"><img src="img/Liderança.png" alt="livro sobre Liderança"></div>
      <div class="swiper-slide"><img src="img/Acessibilidade.png" alt="livro sobre acessibilidade"></div>
    </div>
         
    <!-- If we need navigation buttons -->
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
    </div>

    <div class="card">
        <!-- 1º linha -->
        <div class="card__descrição">
        <!-- 1º coluna -->
        <div class="descrição">
                <h3 class="descrição__titulo">Talvez você também se interesse por...</h3>
                <h2 class="descrição__titulo-livro">Angular 11 e Firebase</h2>
                <p class="descrição__texto">Construindo uma aplicação integrada com a plataforma do Google.</p>
        </div>
        <!-- 2º coluna -->
        <img class="descrição__imagem" src="img/Angular-1.png" alt="imagem letra A de Angular">
        </div>
        <!-- 2º linha -->
        <div class="card__botões">
        <!-- 1º coluna -->
        <ul class="botões">
            <li class="botões__item"><img src="img/Favoritos.svg" alt="favoritar livro"></li>
            <li class="botões__item"><img src="img/Compras.svg" alt="adicionar ao carrinho"></li>
        </ul>
         <!-- 2º coluna -->
        <a class="botões__ancora" href="#">Saiba mais</a>
        </div>
        </div>
    </div>
</div>

    </section>
    <section class="carrossel">
       <h2 class="carrossel__titulo"> MAIS VENDIDOS</h2>
    <div class="carrossel__container">
            <div class="swiper">
    <div class="swiper-pagination"></div>
    <div class="swiper-wrapper">
      <!-- Slides -->
      <div class="swiper-slide"><img src="img/ReactNative.png" alt="livro sobre ReactNative"></div>
      <div class="swiper-slide"><img src="img/Tuning.png" alt="livro sobre Tuning de SQL"></div>
      <div class="swiper-slide"><img src="img/Guia Front-end.png" alt="livro guia Front-end"></div>
      <div class="swiper-slide"><img src="img/ApacheKafka.png" alt="livro sobre Apache Kafka e spring boot"></div>
      <div class="swiper-slide"><img src="img/Javascript.png" alt="livro sobre Javascript"></div>
      <div class="swiper-slide"><img src="img/Liderança.png" alt="livro sobre Liderança"></div>
    </div>
    <div class="card">
        <!-- 1º linha -->
        <div class="card__descrição">
            <!-- 1º coluna -->
            <div class="descrição">
                <img src="img/Estrelinhas.png" alt="Avaliação 5 estrelas">
                <h3 class="descrição__titulo">Autora do Mês</h3>
                <h2 class="descrição__titulo-livro">Juliana Agarikov</h2>
                <p class="descrição__texto">Analista de sistemas e escritora, Juliana é especialista em Front-End.
                </p>
            </div>
            <!-- 2º coluna -->
            <img src="img/julianaescritora.png" class="descrição__imagem">
        </div>

        <!-- 2º linha -->
             <div class="card__botões">
            <!-- 1º coluna -->
            <ul class="botões">
                <li class="botões__item"><img src="img/Favoritos.svg" alt="Favoritar livro"></li>
                <li class="botões__item"><img src="img/Compras.svg" alt="Adicionar no carrinho de compras"></li>
            </ul>
            <!-- 2º coluna -->
            <a href="#" class="botões__ancora">Saiba mais</a>
                </div>
            </div>
        </div>
    </div>
</section>