.plantcontainer {position:relative;width:535px;}
.section1, .section2, .section3 {position:relative;}
.plantbox,.plantbox2,.plantbox3 {position:absolute;width:100%;height:100%;top:0;left:0;}
.plantbox img {width:100%;height:auto;}
.leaf,.branch {opacity:1;transition: all 1.2s ease-out;}

#branch-1, #branch-2,#branch-3,#branch-4,#branch-5, .branch {clip-path:circle(0% at 50% 0%);}
.plantbox {background-image: url('https://avantcha.com/wp-content/uploads/2024/06/full-branch-top.png');background-repeat: no-repeat;background-size:contain;}
.plantbox2 {background-image: url('https://avantcha.com/wp-content/uploads/2024/06/full-branch-bottom.png');background-repeat: no-repeat;background-size:contain;}
.mobile.plantcontainer {width:181px;}
.mobile.section1, .mobile.section2 {position:relative;}
.mobile .plantbox {background-image: url('https://avantcha.com/wp-content/uploads/2024/06/mobilebranchtop.png');background-repeat: no-repeat;background-size:auto;}
.mobile .plantbox2 {background-image: url('https://avantcha.com/wp-content/uploads/2024/06/mobilebranchmiddle.png');background-repeat: no-repeat;background-size:auto;}
.mobile .plantbox3 {background-image: url('https://avantcha.com/wp-content/uploads/2024/06/mobilebranchbottom.png');background-repeat: no-repeat;background-size:auto;}

#leaf-1 {clip-path: circle(0% at 50% 100%);}
#leaf-2 {clip-path: circle(0% at 100% 100%);}
#leaf-3 {clip-path: circle(0% at 50% 100%);}
#leaf-4 {clip-path: circle(0% at 0% 100%);}
#leaf-5 {clip-path: circle(0% at 50% 100%);}
#leaf-6 {clip-path: circle(0% at 60% 100%);}
#leaf-7 {clip-path: circle(0% at 60% 100%);}
#leaf-8 {clip-path: circle(0% at 60% 100%);}
#leaf-9 {clip-path: circle(0% at 60% 100%);}

.mobile #mleaf-1 {clip-path: circle(0% at 70% 100%);}
.mobile #mleaf-2 {clip-path: circle(0% at 100% 100%);}
.mobile #mleaf-3 {clip-path: circle(0% at 0% 100%);}
.mobile #mleaf-4 {clip-path: circle(0% at 50% 100%);}
.mobile #mleaf-5 {clip-path: circle(0% at 100% 100%);}
.mobile #mleaf-6 {clip-path: circle(0% at 50% 100%);}
.mobile #mleaf-7 {clip-path: circle(0% at 100% 100%);}
.mobile #mleaf-8 {clip-path: circle(0% at 50% 100%)}
.mobile #mleaf-9 {clip-path: circle(0% at 50% 100%)}