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

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

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

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