Image Scale Demo

HTML

<div class="container">
  <div class="halfrelative">
      <img class="c1" src="http://placekitten.com/200/200"
      <br />
      <img class="c2" src="http://placekitten.com/200/200"/>
      
      <img  src="http://placekitten.com/200/200"/>      
      
   </div>   
    
  <hr />
    
      
        
</div>

CSS

.container {
    max-width:100%;
    background:#f5f;
    margin: 0 auto;
}

.halfrelative {
    width: 50%;
}
.halfabsolute {
    width: 200px;
}



.c1{
    width:125%;
}

.c2{
    max-width:125%;
}