Обрезается часть картинки, а не сжимается

Вопросы:

1. почему обрезается картинка если я удаляю значение height, либо ставлю его в %
2. почему вообще картинка обрезается а не сжимается если я меняю width: в % или пикселах;
3. почему я пишу например ширину в background: url(images/object1274585879.png) no-repeat 50%; то картинка сразу пропадает, а не сжимается?

Источник https://promalp-v-samare.ru/

<div class="art-shapes">

.art-shapes {
    position: sticky;
    overflow: visible;
    z-index: 100;
    width: 100%;
}
</div>

<div class="logo-header">

.logo-header {
    display: block;
    left: 0%;
    margin-left: 0px;
    position: absolute;
    top: 0px;
    background: url(images/object1274585879.png) no-repeat;
    width: 270px;
    z-index: 1;
    height: 258px;
</div>