body{
    margin:0;
    display:flex;
    justify-content: center;
    align-items: center;
    height:100vh;
    background-image:url(../img/baum.png), url(../img/hintergrund.jpg);
    background-position: right top, left top;
    background-size: auto, cover;
    background-repeat: no-repeat, no-repeat;
}

main{
    width:80%;
    max-width:704px;
/*    border:3px black solid;*/
}

main img {
    display:block;
    width:100%;
}

@media only screen and (max-width: 600px) {
    body{
        align-items: flex-start;
        padding-top:20%;
        
    }
    
    main {
    width:90%;
        max-width:704px;
  }
}