Фоновое изображение героя не отображается при загрузке сайта на сервер?

Я просто загрузил этот сайт: http://suplehoteles.com/

Однако фоновое изображение героя не будет отображаться. HTML есть и стиль (кнопки). Сначала была карусель, и первое изображение не работало, поэтому я попытался сделать героя вместо этого.

Любые идеи, почему я не работаю на сервере? Изображение появляется на сервере localhost.

HTML

<div class="hero">
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-md-12 col-lg-12 col-sm-12">
        <h1 class="carousel-title">Suplimos</h1>
        <p class="textLeft carousel-text">Importadores directos de productos premium de acabados arquitectónicos, diseño y equipamiento. <br><br>Maderas inteligentes, loza, grifería, accesorios, mobiliario, comercial, residencial, luminarias led, muebles de exterior, y decks para hoteles y proyectos.</p>
        <a href="contacto.html" class="smoothScroll button-carousel button btn btn-cotizar">Cotizar</a>
        <a href="#section-2" class="smoothScroll button-carousel button btn btn-producto">Ver productos</a>
      </div>
    </div>
  </div>
</div>

CSS

.hero{
    width: 100%;
    padding: 150px 0 150px 0;
    background: url(../assets/img/bathtub-alt.JPG) no-repeat center right;
    @include background-cover;
}