Pointer-events only disabled on desktop

Question

Via CSS I disabled the pointer-events. However, on mobile I want to activate it.

My attempt:

.videoContainer {
    pointer-events: none;
}

@media only screen and (max-width: 600px) {
    .videoContainer {
        pointer-events: all;
    }
}

Unfortunately it does not work for me.