#why-trees {
    position: relative;
    overflow: hidden;
}

/* Leaves sit above the section bg, behind the content columns */
.wt-leaf {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    will-change: transform;
    z-index: 1;
}

/* Content columns sit above leaves, with enough bottom clearance for the ground layers */
#why-trees .kt-row-column-wrap {
    position: relative;
    z-index: 2;
    padding-bottom: 200px !important;
}

/* Ground layers — absolutely pinned to the bottom of the section */
.wt-ground {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    pointer-events: none;
    line-height: 0;
}

.wt-ground svg {
    width: 100%;
    height: auto;
    display: block;
}

/* Tree — rooted at the ground, positioned in the right half of the section */
.wt-tree {
    position: absolute;
    bottom: 20%;
    right: 12%;
    width: clamp(120px, 13vw, 200px);
    height: auto;
    z-index: 4;
    pointer-events: none;
    transform-origin: bottom center;
}

@media (max-width: 768px) {
    .wt-tree {
        right: 4%;
        width: clamp(80px, 22vw, 130px);
        bottom: 22%;
    }
}