.zec-car-view {
    width: 100%;
    height: 100%;
}

.zec-car-view svg {
    width: 100%;
    height: auto;
    aspect-ratio: 2/1; /* correspond au viewBox 800x400 du svg */
    display: block;
}

.zec-car-view svg .damage-select {
    transition: .6s fill !important;
    fill: white !important;
    cursor: cell !important;
}

.zec-car-view svg .selected[data-damage="medium"] {
    fill: var(--zec-damage-color-medium) !important;
}

.zec-car-view svg .selected[data-damage="small"] {
    fill: var(--zec-damage-color-small) !important;
}

.zec-car-view svg:hover .damage-select:hover {
    fill: var(--zec-damage-color-medium) !important;
}

.zec-car-view svg:hover .selected[data-damage="small"]:hover {
    fill: var(--zec-damage-color-small) !important;
}