Solucionado
olá! estou usando um notebook com a tela de 1366 x 768p, a resolução de 428px para dispositivo móvel e a de 1024px para tablete funciona normalmente, mas a de 1728px para desktop não recebe as alterações e nem estilizações quando abre no navegador. https://github.com/RafaelaMorango/alura-books
Olá, Rafaela, tudo bem?
Ao analisar o seu código, notei que na página index.html a div carrossel__container está duplicada, ao retirá-la e fazer a indentação correta no código a media query funcionou. Portanto, para solucionar esse problema, você deverá corrigir essa duplicação retirando uma <div class="carrossel__container">. Assim:
<div class="carrossel__container">
<div class="swiper">
<!-- Additional required wrapper -->
<!-- If we need pagination -->
<div class="swiper-pagination"></div>
<!-- Restante do código omitido -->
Deixo também o link do repositório, para que você possa comparar com o seu código.
Espero ter ajudado.
Qualquer dúvida, compartilhe no fórum.
Abraços e bons estudos!