Opa Elivelton, tudo bem?

Poderia por gentileza em enviar o seu projeto completo? Dessa forma posso analisar o seu código na totalidade e simular o problema para ajudá-lo de forma mais assertiva.

Você pode compartilhar o link do seu projeto via Github.

Fico à disposição.

Tenha um bom dia e bons estudos.

https://github.com/eliii2/livros

o meu sumiu tbm a parte de imagens abaixo do rodapé, to pensando em refazer de novo, a imagem da escritora tbm não foi pro lado!

Opa Elivelton, tudo bem?

Primeiramente, parabéns pelo seu projeto! Está no caminho certo, continue assim!

Alguns empecilhos acabam por ocorrer, para o problema do favoritos, na classe que tira a exibição do favoritos, está escrito “trasparente” invés de transparente:

<div class="container">
            <a href="#"><img src="./img/Favoritos.svg" alt="meus favoritos"
                 class="container__imagem container__imagem-trasparente">
                </a>

Já na sessão da autora não ficar do lado, faltou fechar a div final do segundo carrossel, podemos adicionar uma última div antes de iniciar os cards:

    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
</div> 
//adicionar div acima
<!--primeira linha-->
<div class="card">

Por fim, as imagens do rodapé não estão aparecendo por conta da chamada da classe lista-rodape, o traço usado para separar as palavras no html é um hífen e no CSS é usado o underline:

@media screen and (min-width: 1024px) {
    .lista_rodape {
        display: block;
    }

Modificando o para hífen funcionará normalmente:

lista-rodape

Prontinho!

Caso tenha dúvidas, fico à disposição para tirar dúvidas.

Desejo um bom dia e bons estudos.

muito obrigado, deu certo!