#canvas-container {
    position: relative;
    width: 400px; 
    height: 400px; 
    background: #eeeeee; 
    overflow:hidden;
}

#adjust-container > #mask {
    user-select: none;
}

#canvas-container > canvas {
    height: 100%;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%)
}

#adjust-container {
    position: absolute;
    width: 100%;
    height: 100%;
}

.div-dot {
    cursor: pointer;
    user-select: none;
    position: absolute;
    border-radius: 50%;
    background: white;
    width: 1.5vmin;
    height: 1.5vmin;
    transform: translate(-50%,-50%);
}

.mask {
    position: absolute;
    /* Probably need to change the above placement later */
}