.draw-path {
    animation: canvas-dash 3s linear forwards;
}

@keyframes canvas-dash {
    to {
        stroke-dashoffset: 0;
    }
}

.incident-container {
    position: relative;
    width: 100%;
    aspect-ratio: 1.5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.incident-container .asset-container {
    z-index: 1;
    position: absolute;
    width: 66.67%;
    aspect-ratio: 1.3333;
    display: flex;
    justify-content: center;
    align-items: center;
}

.incident-container .bg-container {
    z-index: 2;
    position: absolute;
    width: 66.67%;
    aspect-ratio: 1.3333;
    transition: opacity 0.5s ease-in-out;
    background-color: white;
    opacity: 0.6;
}

.incident-container .svg-container {
    z-index: 3;
    position: absolute;
    overflow: visible;
    width: auto;
    height: auto;
    line-height: 0px;
}

.incident-container .mouse-container {
    z-index: 4;
    position: absolute;
    width: 66.67%;
    aspect-ratio: 1.3333;
}

.incident-container .canvas-caption {
    position: absolute;
    color: #000;
    bottom: calc(12.5% + 6px);
    left: calc(16.7% + 8px);
    color: white;
    z-index: 9;
    margin: 0px;
    padding: 0px;
}


/* on small screen */
@media only screen and (max-width: 600px) {
    .incident-container .canvas-caption {
        bottom: 4px;
    }
}