.responsive-container {
        display: flex;
        width: 95%;
        margin-top:2rem;
    }
    .side-column {
        display:flex;
        flex-direction: column;
        flex-shrink: 0;
        width:300px;

    }
    .main-card {
        min-height: 450px;
        width: 100%;
        margin-right: 1rem;
    }
    .side-card {
        height: 50%;
    }
    .side-card-top {
        margin-bottom: 2vh;
    }
    @media (max-width:800px) {
        .responsive-container {
            flex-direction: column;
        }
        .side-column {
            width: 100% !important;
            gap:1rem;
            margin-top: 1rem;
        }
        .side-column-home {
            flex-direction: row;
        }
        .side-column-analysis {
            flex-direction: column;
        }
        .main-card {
            margin-right: 0rem;
        }
        .side-card-top {
            margin-top: 0vh;
        }
        .side-card {
            width:50%;
            height:200px !important;
        }
        .side-column .card {
            flex:1;
            height:auto;
        }
    }