Não consigo aplicar o CSS no card

Olá tudo bem? Estava com o mesmo problema que você então decidi mexer na margin do container e consegui alinhar o carrossel e o card após muito custo

Meu código ficou assim:

.carrossel__container {
    display: flex;
    margin: 5vw 5em;
    align-items: center;
}

    .swiper {
    width: 50%;
}

    .card {
    width: 60%;
    margin-left: 3em;
    margin-top: 5em;
}

Espero que consiga te ajudar! :)

acredito que assim possa resolver o problema, no html ficaria assim:

**<div class="insira um nome para a classe"**
<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 src="Assets/Angular.svg" alt="Imagem do card de interesse Angular">
            </div>
**</div>    **        

então no CSS você chamaria a classe da Div inserida, aplicaria um display flex, align itens:center, justify contents: center. acredito que isso possa resolver o problema