title: Media Queries - Make images responsive
body: <p>I have a lot of images on my page and are all connected with lines, something like this:</p>
  
  <pre><code>$    $
   \  /
     $      ( Assuming $ is an image )
   /  \
  $    $
  </code></pre>
  
  <p>When I view this page on my phone, the images and the lines are all scattered.Now using media queries, how can I make the images smaller to fit my phone's screen and WITHOUT the images changing their position. I only want to change their size.</p>
  
  <p>Thanks!</p>