.container-about1{
        display: grid;
        grid-template-columns: 50% 50%;
    }

    .section-about1{
        padding: 4% 0;
    }

    .container-about1>div{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        flex-direction: column;
    }

    .container-about1>div>p{
        color: var(--brown);
        text-transform: uppercase;
        font-size: 5vw;
        font-weight: 800;
    }

    .container-about1>div>p>span{
        color: var(--yellow);
       
    }
    .container-about1>div>span{
        color: var(--brown); 
        font-size: 1vw;
    }

    .img-about{
        position: relative;
    }

    .leaf, .leaf1, .fondo-about{
        position: absolute;
    }
    .plato{
        animation: mover2 4s infinite alternate;
        width: 44vw;
    }
    .fondo-about{
        animation: mover3 4s infinite alternate;
        z-index: -1;
        width: 50vw;
    }
    .leaf{
        top: -50px;
        left: 4vw;
        z-index: -2;
        width: 10vw;
    }
    .leaf1{
        bottom: -82px;
        left: 28vw;
        z-index: 0;
        width: 13vw;
        transform: rotate(10deg);
    }

    .section-about2{
        padding: 6% 10%;
    }
    .container-info-about{
        display: flex;
        flex-direction: column;
        gap: 20px;
        font-size: 1vw;
    }
    .section-foto div img{
        width: 100vw;
    }
    .section-foto{
        padding: 5% 10%;
    }
    .section-foto>div{
        text-align: center;
    }
    @media (max-width: 996px) {
        .container-info-about {
          
            font-size: 4vw;}
        .container-about1>div>span {
            font-size: 4vw;
        }
        .section-foto {
            padding: 16% 2%;
        }
        .section-about1 {
            padding: 16% 0;
        }
    .container-about1>div>p {
        font-size: 10vw;}
    .container-about1 {
        display: grid;
        grid-template-columns: 100%;
    }
    .plato {
        width: 80vw;
    }
    .fondo-about {
        width: 100vw;
    }
    .leaf1{
        bottom: -20px;
        left: 60vw;
        z-index: 0;
        width: 26vw;
    }
    .leaf {
        width: 26vw;
    }
    .container-about1>div {
        text-align: center;
        padding: 6% 6%;}
        .section-about2 {
            
            padding: 6% 8%;
        }
}