#section-hero-anime-voeux-v2 {
    position: relative;
    overflow: hidden;
}


#section-hero-anime-voeux-v2 .background-left,
#section-hero-anime-voeux-v2 .background-right {
    background-size: auto 65vh;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 100%;
    position: absolute;
    top: 0px;
    width: 100%;
}

#section-hero-anime-voeux-v2 .background-left {
    background-image: url(../images/abeille/entreprise/hero-voeux-2026/desktop/elements-left-02.svg);
    background-position: top 90px left 0px;
}

#section-hero-anime-voeux-v2 .background-right {
    background-image: url(../images/abeille/entreprise/hero-voeux-2026/desktop/elements-right-02.svg);
    background-position: top 50px right -170px;
}


#section-hero-anime-voeux-v2 .floaty-wrap {
    width: 25%;
    height: auto;
    right: 10%;
    top: 45%;
    transform: translateY(-50%);
    z-index: 1;
    position: absolute;
}

@media screen and (max-width: 80em) {

    #section-hero-anime-voeux-v2 .background-left,
    #section-hero-anime-voeux-v2 .background-right {
        background-size: auto 50vh;
    }


    #section-hero-anime-voeux-v2 .background-left {
        background-position: top 50px left 0px;
        height: 50%;
    }

    #section-hero-anime-voeux-v2 .background-right {
        background-position: top 50px right -190px;
    }

}


@media screen and (max-width: 48em) {

    #section-hero-anime-voeux-v2 .background-left,
    #section-hero-anime-voeux-v2 .background-right {
        background-size: 50vh auto;
    }


    #section-hero-anime-voeux-v2 .background-left {
        background-image: url(../images/abeille/entreprise/hero-voeux-2026/mobile/elements-top.svg);
        background-position: top 0px left 0px;
    }

    #section-hero-anime-voeux-v2 .background-right {
        background-image: url(../images/abeille/entreprise/hero-voeux-2026/mobile/elements-bottom.svg);
        background-position: bottom 0px right 0px;
    }

    #section-hero-anime-voeux-v2 .floaty-wrap {
        width: 70%;
        right: 50%;
        top: 40%;
        transform: translateY(-50%) translateX(50%);
    }
}

#section-hero-anime-voeux-v2 .floaty {
    display: inline-block;
    padding-bottom: 20px;
    animation: floatY 5s cubic-bezier(.4, 0, .2, 1) infinite;
}

#section-hero-anime-voeux-v2 .shadow-png {
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%) scaleX(1.2) scaleY(1.2);
    transform-origin: center;
    animation: shadowScale 5s cubic-bezier(.4, 0, .2, 1) infinite;

}

@keyframes floatY {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes shadowScale {
    0% {
        transform: translateX(-50%) scaleX(1.2) scaleY(1.2);
    }

    50% {
        transform: translateX(-50%) scaleX(0.8) scaleY(0.8);
    }

    100% {
        transform: translateX(-50%) scaleX(1.2) scaleY(1.2);
    }
}