Estou usando o jumbotron de inicialização e incluindo uma imagem de plano de fundo. O redimensionamento da tela faz com que a imagem seja ladrilhada e repetida, enquanto eu quero que a imagem seja redimensionada responsivamente.

<div class="jumbotron" style="background-image: url(http://www.californiafootgolfclub.com/static/img/footgolf-1.jpg); background-size: 100%;">
   <div class="container for-about">
   <h1>About</h1>
   </div>
</div>

Como você tornaria a imagem responsiva?O site está AQUI. Obrigado por suas idéias!