Only See Background In Bootstrap Wells With Css

I have a bootstrap page with wells. The wells should have an image as a background. But the image shouldn't start over for every well. It should be under the whole page. So under t

Solution 1:

Here is one more solution. The background image has to be cover and fixed:

body {padding:20px}

.container { 
background: gray;
}
.well {
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
 background-image: url("http://lorempixel.com/output/nature-q-c-640-480-4.jpg");
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
    <h1>page</h1>
    <div class="well">hello</div>
    <div class="well">bye</div>
    <div class="well">hello</div>
    <div class="well">bye</div>
</div>