У меня проблемы с размещением фонового изображения на моем сайте.

Это Google Maps. Тогда я поставил цвет фона (позади него): красный; просто чтобы показать вам все, что происходит:
section.middle{
background-color: red;
}

Но когда я помещаю фоновое изображение, оно отображается неправильно:
section.middle{
background-image: url(/public/css/img/gymbackgroundhome.jpg);
}

Это мое рабочее пространство:

Спасибо!