Hello, I'm having an issue with my email design, specifically when using gmail through a browser on a mobile phone. It is as if my mobile media queries are not kicking in at all in this case and the whole newsletter goes outside the gmail frame. I' ve attached an image so you can see what I mean.

IMAGE
https://drive.google.com/file/d/104SJIcZkbskt6j9VTaVixqfMuKph_oFz/view?usp=sharing

CODE
https://drive.google.com/file/d/1eeE3VGwPbMCylhettxrKSZzA5YXp5RX1/view?usp=sharing

I have tested in and it works fine in most clients, and even the mobile gmail app displays it correctly but I'm not sure what the issue could be here, possibly something with max/min width? I'm stumped as to why it completely ignores the queries.

Any help would be appreciated, thanks in advance.