title: When i resize my webpage the section expands vertically adding unwanted background
body: <p><a href="https://i.stack.imgur.com/jABGj.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jABGj.gif" alt="enter image description here"></a>
  When the webpage is on the big screen everything is perfect. All 3 blocks of text are inline and the white footer comes right after the background picture. 
  But when I resize the window webpage automatically adds space after the picture.
   Not sure what I should do: have my picture repeated? But that won't look good. Leave it as it is? Not sure what to do? What is a good solution for this?</p>