body{
    font-family: "Roboto", sans-serif;
}
h2{
    text-align: center;
}

#img{
    display: block;
    margin:35px auto;

}
#img img{
    display: block;
    width: 75%;
    max-width: 400px;
    height: auto;
    margin:35px auto;
    margin-top: 65px;
    animation: test 4s;
}
span.texto{
    display: block;
    margin: 65px auto;
    width: 80%;
    max-width: 400px;
}
span.tree{
    display: block;
    margin: 25px auto;
    width: 80%;
    max-width: 400px;
}

@keyframes test {
  0% { transform: scale(0);  left: 39%; }
  40% { transform: scale(1);  left: 39%;}
  60% { transform: scale(1);  left: 39%;}
  100% { left: 0%; }
}