/* Базовые стили для героя */
.uc-hero-slideshow {
    height: 400vh !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    position: relative !important;
    transition: background-image 1s ease-in-out !important;
    background-repeat: no-repeat !important;
}

/* Начальное состояние фона */
.uc-hero-slideshow {
    background-image: url('https://static.tildacdn.com/tild3439-3965-4939-b236-353363353937/image_500.png') !important;
}

/* Состояние после скролла */
.uc-hero-slideshow.scrolled {
    background-image: url('https://static.tildacdn.com/tild6437-6666-4562-a439-306562666161/Group_1321316957.png') !important;
}

/* Изображение сверху */
.hero-top-image {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-width: 300px !important;
    width: 80% !important;
    z-index: 100 !important;
    transition: all 0.8s ease-in-out !important;
}

/* Эффекты для верхнего изображения при скролле */
.uc-hero-slideshow.scrolled .hero-top-image {
    opacity: 0.5 !important;
    transform: translate(-50%, -50%) scale(0.9) !important;
}