.signature-container {
    width: 100%;
    outline: 1px solid black;
    margin-bottom: 24px;
    position: relative; /* Needed for absolute overlay */
}
.signature-container canvas {
    position: relative;
    z-index: 1;
}

.signature-container.disabled {
    pointer-events: none;
}

.signature-container.disabled > div.overlay {
    position: absolute;
    inset: 0;
    background: rgba(128,128,128,.75);
    z-index: 2;
    pointer-events: 'all';

}