CSS queries for different pixel widths are not applied

Question

I am facing an issue in having my CSS applied on certain widths. What I am trying to achieve is the following: Initially I have the following styling:

:root { --m