section#heat-block img#industrial-heat-proportion {
    width: 370px;
}

/* Float the inner image container to the right */
section#heat-block #heat-proportion-container #heat-chart-container {
    float: right;
    width: 380px;
    height: 380px;
    margin-left: 24px;   /* Creates space between image and wrapping text */
    margin-top: -10px;
    margin-bottom: -105px;
}

/* Ensure the image stays responsive */
section#heat-bloc #industrial-heat-proportion {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Clear float after the section to prevent layout bleed into elements below */
section#heat-block::after {
    content: "";
    display: table;
    clear: both;
}

/* Mobile responsiveness: Center/stack image on smaller screens */
@media (max-width: 600px) {
    section#heat-block > #heat-image-container > #heat-image-container {
        float: none;
        margin-left: 0;
        margin-bottom: 20px;
        width: 100%;
    }

    #industrial-heat-proportion {
        width: 100% !important; /* Overrides inline 400px width on mobile */
    }
}

section#heat-block div#heat-chart-container {
    width: 400px;
    height: 400px;
    margin: 0 auto;
}