/* Общие стили для .header */
.header1 {
    overflow: hidden;
}

/* Общие стили для .header-image */
.header-image {
    height: 180px;
    background-size: contain; /* Масштабируем изображение так, чтобы оно полностью помещалось в контейнере */
    background-repeat: no-repeat; /* Отключаем повторение фона */
    margin: 0 auto;
}

/* Стили для ПК версии */
.header-image {
    background-image: url('web.png');
    background-position: center; /* По умолчанию для ПК */
}

/* Стили для мобильной версии */
@media only screen and (max-width: 767px) {
    .header-image {
        background-image: url('../images/mob.png'); /* Для мобильной версии */
    }
}