title: Not able to get background image to be responsive
body: <p>I am new to CSS and am trying to edit a Wordpress site. It has a background image that may be inserted with Javascript.  The background image I can get to be responsive when working in Dev Tools but I'm not able to make it responsive once I add CSS to this Wordpress site. I'm not sure that I'm using the right Selector, or if there's anything I can do in CSS to change the image to being responsive. Maybe my CSS is wrong. I know that inline styles take precedence over other type of styles so I tried using the !Important keyword, but still not able to transfer what I see in Dev Tools to this Wordpress site. The height of the image was set to 650px, so I changed that to &quot;auto&quot; and that made things look right in Dev Tools, but I can't seem to figure out how to make it happen on this site.  Any help would be appreciated.
  <a href="https://i.stack.imgur.com/hvwj0.png" rel="nofollow noreferrer">how it looks in dev tools</a>
  <a href="https://i.stack.imgur.com/ca18c.png" rel="nofollow noreferrer">my CSS code that I added in Wordpress</a></p>