title: center image horizontally inside overflow:hidden div
body: <p>I have a parent div with <code>width:100%</code> and <code>overflow:hidden</code><br>
  I need to place an image of <code>2500-3000px</code> inside it, but have the image horizontally centered (cropped left and right) so the main center section of the image shows on smaller screens, but without horizontal scrollbar.<br>
  I can't use <code>background-image</code> since the image is dynamically added via php.<br>
  Please help.</p>