The height and width are specified in pixels and the image is styled with a max-width of 100%. Thus when the horizontal screen resolution is less than the width of the image specified in pixels, the display width of the image will be reduced so that it fills the screen with no scrollbars. Notice that the height of the image remains constant, which means that as the available width gets smaller, the aspect ratio of the image changes and thus the image becomes distorted.