media query range...

Here's the issue.

When I pull and retract screen I can identify that it's 370 - 1999 that needs a global adjustment for an image to be centered because at this max is the point where the image wraps to its own line. I do not want that image to be flush with the left-hand edge of screen when it wraps - aiming to center within the space available up to that max of 1999.

I have tried a media query and it unfortunately affected the largest size screen where there is side-by-side text on the left & an image on the right by pushing that image a bit further to the right - which I do not want.

Then, I tried this:

@media    only screen and (max-width : 991px) and (min-width: 370px)

...which resolved the largest size issue + cleaned up some of those other areas as I wanted. But it's still messed up from 993 - 1999.

Tried to set another media query for that and once again, it affected my largest screen display by pushing the image away from the text in an undesirable way.

Best way to hit and target areas with media queries to a 't' ?

Thank you.