.bar-frame {
    position: relative;
    height: 38vw;
    /* overflow: hidden; */
    background-color: black; 
}

.bar-frame.legend {
    width: 100%;
}

.bar-frame.legend img {
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%; 
    object-fit: contain;
}

.bar-frame.colorbar {
    width: 100%;
}

.bar-frame.colorbar img {
    position: absolute;
    top: 15%;
    left: 0.1%;
    width: 100%;
    max-height: 400px;
    object-fit: contain;
}