Собственно вопрос, какие могут быть причины перевернутого фона внутри элемента html. Картинка нормальная, но отображается вверх ногами.
.menu{
text-align: center;
}
.place{
height: 49.5vw;
float: left;
background: url('../img/Maldives.jpg');
background-size: contain;
1background-repeat: no-repeat;
color: #ffffff
}
.point{
float: left;
width: 50%;
height: 17vw;
background-size: 100%;
}
<div class="menu">
<div class="place col-md-12">Мальдивы</div>
<div class="col-md-12">
<div class="point" style="background-image: url('img/Maldives_palm.jpg')">День первый</div>
<div class="point" style="background-image: url('img/Maldives_cafe.jpg')">День второй</div>
<div class="point">День третий</div>
<div class="point">День четвертый</div>
<div class="point">День пятый</div>
<div class="point">День шестой</div>
<div class="point">День седьмой</div>
</div>
</div>