body{
    margin: 0;
    padding: 0;
    background-color: black;
}
.grid {
    margin-top: 10vh;
    display: grid;
    grid-template-columns: 1.5fr 2fr 1fr;
    align-self: center;
}

.landscape{
    grid-column: 2/3;
    max-width: 80%;
}

#houses{
    transform: translateY(100px);
}
#panorama{
    transform: translateY(100px);
}
#clouds{
    animation-name: cloudpassing;
    animation-duration: 200s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
#sky{
    animation-name: cloudpassing;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes cloudpassing {
    from{
        transform: translate(0);
    }
    to{
        transform: translate(-900px);
    }
}