#Chart1 {
    max-width: 350px !important;
    /*height: 300px !important;*/
}

.chart-container {
    position: relative;
    width: 100%;
    min-height: 300px;
    max-width:600px;
}

.chart-container img {
    width: 100% !important;
    height: auto !important;
}

@media (max-width: 768px) {
    .table-responsive table thead {
        display: none;
    }

    .table-responsive table tbody tr {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid #dee2e6;
        border-radius: 0.5rem;
        padding: 0.5rem;
    }

    .table-responsive table tbody td {
        display: flex;
        justify-content: space-between;
        padding: 0.5rem;
    }
}