Media queries only working on some breakpoints but not others

Hey, everyone. I have custom code that uses a clip-path to create an angled div, but I see that the clip-path’s angle gets more steep as the screen gets smaller. So, I added media queries to alter the angle at smaller breakpoints.

The problem is that the media query works on mobile landscape size but it doesn’t work on the mobile portrait size. I’m at a total loss.

I’d love to get someone who knows this stuff to point me in the right direction.

Thank you so much.