@media(max-width: 550px){
    .products{
        height: 100%;
    }

    .products .card-product{
        flex-direction: column;
        height: 90%;
        width: 90%;
        margin: 20px;
    }

    .products .card-product img{
        height: 50%;
        border-radius: 10px 10px 0 0;
    }

    .products .card-product .info-product .name-product{
        font-size: 2.8rem;
    }

    .products .card-product .info-product .text-product{
        max-width: 350px;
    }
}