CSS媒体查询问题可视化正确的图像大小和边距

I am trying to add margin and reduce an image size based on the detect size of the screen using CSS media queries. However for one or another reason which I can not figure out the code is not working. I am trying to add margin and reduce an image s