.traffic-box {
    padding: 20px;
    min-height: 120px;
    height: 100%;
    background: radial-gradient(104.89% 150.19% at -9.88% -67.78%, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 100%), #091C36;
}

@media (min-width: 768px) {
    .traffic-box {
        min-height: 200px;
    }
}

@media (min-width: 992px) {
    .traffic-box {
        padding: 40px;
        min-height: 250px;
    }
}

.map-image {
    top: -9%;
    height: 180px;
    width: auto;
    object-fit: cover;
    left: 50%;
    transform: translateX(-50%);
}

@media (min-width: 490px) {
    .map-image {
        top: -10%;
        width: 100%;
        height: auto;
    }
}

@media (min-width: 1400px) {
    .map-image {
        top: -20%;
        width: 100%;
        height: auto;
    }
}

@media (min-width: 1600px) {
    .map-image {
        top: -25%;
        width: 100%;
        height: auto;
    }
}

.traffic-box.blue {
    background-color: radial-gradient(104.89% 150.19% at -9.88% -67.78%, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 100%), #091C36;
}

.traffic-box.blue h2 {
    color: var(--white);
}