.configurator-canvas {
    display: block;
    position: absolute;
    overflow: visible;

    top: 0px;
    left: 180px;
    right: 0;
    
    height: 100%;
    
    margin-left: auto;
    margin-right: auto;

    background:
        radial-gradient(transparent, #1115217e) fixed,
        linear-gradient(110deg, #6b7780, #8b92a3, #869aaf) fixed;

}

#watermark {
    position: absolute;
    height: 100%;
    top: 0px;
    margin-top: 2px;
    margin-left: auto;
    margin-right: auto;
    left: 180px;
    right: 0;
    overflow: visible;
    z-index: 100;
    pointer-events: none;
    background: url(public/images/images/logoWater.svg) repeat center;
    opacity: 0.2;
}

@media (max-width: 74em) {
    .configurator-canvas {
        left: 80px;
    }

    #watermark {
        left: 80px;
    }
}

@media (max-width: 35em) or (orientation: portrait) {
    .configurator-canvas {
        left: 0px;
    }

    #watermark {
        left: 0px;
    }
}