Meu projeto está assim:
<section class="carrosel">
<h2 class="carrosel__titulo">Mais vendidos</h2>
<!-- Slider main container -->
<div class="swiper">
<!-- Additional required wrapper -->
<div class="swiper-pagination"></div>
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide"><img src="img/Acessibilidade.svg" alt="Livro de Acessibilidade"></div>
<div class="swiper-slide"><img src="img/Construct2.svg" alt="livro de Construct2"></div>
<div class="swiper-slide"><img src="img/Guia Front-end.svg" alt="livro de Guia Front-end"></div>
<div class="swiper-slide"><img src="img/MetricasAgeis.svg" alt="livro de MetricasAgeis"></div>
</div>
<!-- If we need pagination -->
<!-- If we need navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<!-- If we need scrollbar -->
<div class="swiper-scrollbar"></div>
</div><!-- Slider main container -->
<div class="swiper">
<!-- If we need pagination -->
<!-- If we need navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="card">
<!-- 1º linha -->
<div class="card__descricao">
<!-- 1º coluna -->
<div class="descrição">
<img src="img/Estrelinhas.svg" 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/Escritora.svg" class="descrição__imagem">
</div>
<!-- 2º linha -->
<div class="card__botao">
<!-- 1º coluna -->
<ul class="botoes">
<li class="botoes__item"><img src="img/Favoritos.svg" alt="Favoritar livro"></li>
<li class="botoes__item"><img src="img/Compras.svg" alt="Adicionar no carrinho de compras"></li>
</ul>
<!-- 2º coluna -->
<a href="#" class="botoes__ancora">Saiba mais</a>
</div>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<script>
const swiper = new Swiper('.swiper', {
spaceBetween: 10,
slidesPerView: 3,
pagination: {
el: '.swiper-pagination',
type: 'bullets',
}
})
</script>
