.section-grass-divider {
    position: absolute;
    bottom: -27px;
    left: 0;
    width: 100%;
    height: 100px;
    background-image: url('../images/grass_card.png'), url('../images/grass_card.png');
    /* Double layer */
    background-size: auto 100%;
    background-position: left bottom, -30px bottom;
    /* Offset second layer to cover gaps */
    background-repeat: repeat-x;
    pointer-events: none;
    z-index: 10;
}

@media (max-width: 768px) {
    .section-grass-divider {
        height: 60px;
        bottom: -15px;
        /* Adjust for mobile */
    }
}

.lawnmower-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    /* Allow lawnmower to exceed container height */
    z-index: 12;
    /* Above grass */
}

.lawnmower-gif {
    position: absolute;
    bottom: 5px;
    left: 100%;
    /* Start off-screen right */
    height: 120px;
    /* Increased size */
    width: auto;
    animation: moveLawnmower 30s linear infinite;
    /* Slower animation */
    /* If the gif faces right, uncomment below to flip it */
    /* transform: scaleX(-1); */
}

@keyframes moveLawnmower {
    0% {
        left: 100%;
    }

    100% {
        left: -150px;
    }
}

@media (max-width: 768px) {
    .lawnmower-gif {
        height: 50px;
        animation-duration: 10s;
    }
}