.herbes {
        position: relative;
        width: 300px;
        height: 200px;
        background-color: #f0f0f0; /* Couleur de fond */
        overflow: hidden; /* Cache le débordement des pseudo-éléments */
    }

    .herbes::before,
    .herbes::after {
        content: "";
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100px; /* Hauteur des herbes */
        background-color: #4CAF50; /* Couleur des herbes */
        transform-origin: bottom center;
        border-radius: 50%;
    }

    .herbes::before {
        left: -50%;
        transform: skewX(45deg); /* Angle des herbes */
    }

    .herbes::after {
        right: -50%;
        transform: skewX(-45deg); /* Angle des herbes */
    }