body {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #EFF0E8; /* Цвет фона */
}

.container {
    text-align: center;
}

.image-desktop {
    display: none; /* Скрываем изображение для компьютеров по умолчанию */
}

.image-mobile {
    max-width: 100%;
    height: auto; /* Адаптивное изображение для мобильных устройств */
}

/* Медиа-запросы для разных устройств */
@media (min-width: 768px) {
    .image-desktop {
        display: block; /* Показываем изображение для компьютеров */
        max-width: 100%;
        height: auto; /* Адаптивное изображение для компьютеров */
    }

    .image-mobile {
        display: none; /* Скрываем изображение для мобильных устройств */
    }
}