#invert-mask {
    z-index: 100;
    display: none;
}

@media (width >900px) {
    #invert-mask {
        display: block;
        background-image: radial-gradient(circle, #11F03D, rgba(0, 255, 0, 50%) 75%);
        position: fixed;
        top: -50%;
        left: -50%;
        width: 50px;
        height: 50px;
        pointer-events: none;
        filter: invert(1);
        border-radius: 999px;
        background-size: cover;
        mix-blend-mode: difference;
        transition: transform 0.15s ease-out;
        /*transform: translate(-50%, -50%) scale(1);*/
        transform: scale(1);
    }

    #invert-mask.scaled {
        /*transform: translate(-50%, -50%) scale(3);*/
        transform: scale(2);
    }
}