html, body {
    width: 100%;
    height: 100vh;
}
.bg-image{
    background-image: url(../images/1.webp);
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bee1{
    position: absolute;
}
.image-bee1{
    width: 120px;
    animation: bee-1 13s infinite ease-in-out alternate;
}
@keyframes bee-1{
    0%{transform: translateX(400px) translateY(400px);}
    25%{transform: translateX(500px) translateY(400px);}
    50%{transform: translateX(600px) translateY(500px);}
    80%{transform: translateX(700px) translateY(400px);}
    100%{transform: translateX(800px) translateY(200px);}
}
.image-bee2{
    height: 90px;
    animation: bee-2 12s infinite ease-in-out alternate;

}
@keyframes bee-2{
    0%{transform: translateX(800px) translateY(200px);}
    25%{transform: translateX(700px) translateY(300px);}
    50%{transform: translateX(600px) translateY(400px);}
    80%{transform: translateX(500px) translateY(300px);}
    100%{transform: translateX(400px) translateY(200px);}
}
.image-bee3{
    height: 80px;
    animation: bee-3 10s infinite ease-in-out alternate ;

}
@keyframes bee-3{
    0%{transform: translateX(800px) translateY(50px);}
    25%{transform: translateX(600px) translateY(100px);}
    50%{transform: translateX(500px) translateY(200px);}
    80%{transform: translateX(450px) translateY(300px);}
    100%{transform: translateX(400px) translateY(200px);}
}
.image-bee4{
    height: 100px;
    animation: bee-4 6s infinite ease-in-out alternate ;

}
@keyframes bee-4{
    0%{transform: translateX(200px) translateY(50px);}
    25%{transform: translateX(300px) translateY(100px);}
    50%{transform: translateX(200px) translateY(200px);}
    80%{transform: translateX(150px) translateY(300px);}
    100%{transform: translateX(100px) translateY(200px);}
}
.image-bee5{
    height: 80px;
    animation: bee-5 10s infinite ease-in-out alternate ;

}
@keyframes bee-5{
    0%{transform: translateX(900px) translateY(50px);}
    25%{transform: translateX(700px) translateY(200px);}
    50%{transform: translateX(500px) translateY(300px);}
    80%{transform: translateX(150px) translateY(150px);}
    100%{transform: translateX(100px) translateY(200px);}
}