.DashboardCard {
    perspective: 1000px;

    .CardContent {
        transition: all 2s;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;


    }

    .CardBack {
        transform: rotateY(180deg);
        border: 1px solid #3772E3;
        border-radius: 8px;
        box-shadow: 0px 4px 40px 0px #B0BBD06E;
        height: 88px;
    }
    .CardFront {
        border: 1px solid #3772E3;
        border-radius: 8px;
        box-shadow: 0px 4px 40px 0px #B0BBD06E;
        height: 88px;
    }

    &:hover {
        .CardFront {
            transform: rotateY(-180deg);
        }

        .CardBack {
            transform: rotateY(0);
        }
    }
}