html – leave responsive image horizontally, but not scaled, but cropped horizontally


Good afternoon

How to make an image responsive, so that it is literally clipped to its horizontal, so that it removes the horizontal scrollbar from the page, and doesn't have a "crushed" appearance

Thanks to those who help, below is an example, the image is responsive, but I wanted to remove the "crushing" effect from the image, I want it to be cropped, not resized



                <img alt="" class="form-image" border="0" src="" height="800px" width="100%" />




You need to put the image as the background of some div :

.img-responsive {
    background: url('') top center;
    width: 100%;
    height: 250px;
<div class="img-responsive">
Scroll to Top