.hero-section{
    background-image: url('../images/login-background-image.png');
}


.cards{
    flex-wrap: wrap;
}

.cards .card{
    margin: 20px auto;
}


@media screen and (max-width: 900px){

    .section{
        flex-direction: column-reverse!important;
    }

    .section .left-side{
        width: 100%!important;
        margin: 20px auto!important;
    }

}