title: crop image when overlap in responsive web design
body: <p>i am creating a responsive web design containing images....i want to know if there is any way i can crop images when they overlap i.e if i have two images in one line image 1 and image 2
  image 1 is at the left and image 2 is at right and i start lessening width of my browser, and when image 2 reaches image 1, image 2 starts cropping or hiding or whatever....how m i going to do that?
  here is my code for what i am trying:</p>
  
  <pre><code>#logo{
  float:right;
  margin:88px 0 0 70px;
  position:absolute;
  }
  #header-add{
  float:right;
  margin:35px -10% 0 0;
  cursor:pointer;
  
  }
  </code></pre>
  
  <p>Logo is image 1 and header-add is image 2</p>