title: Adjust image size according to screen resolution
body: <p>I have an image in my footer with <code>width:1363px</code> and <code>height: 100px</code>. This looks fine on my desktop computer with resolution 1366*768 but when I check the site with resolution 1024*768 the size of the image is not shrinking. </p>
  
  <p>So my question is how do I adjust the size of the image according to screen size using css. I used media queries and changed the width and height of image but it still remains the same. I also tried some other tricks with no luck.</p>