I just tried this adding it to a page. When I drag the window so the width is not very large compared to the height the image clips&#x2F;repeats. Is that the intended behavior (Chrome)? Added the CSS directly to the body of the page. Example here: <a href="https:&#x2F;&#x2F;jsfiddle.net&#x2F;r1ueprrz&#x2F;" rel="nofollow">https:&#x2F;&#x2F;jsfiddle.net&#x2F;r1ueprrz&#x2F;</a>