body {
    background-color: bisque;
    height: 1000vh;
}


#background {
    height: 100vh;
    width: 100%;
}


#mainWrapper {
    position: fixed;
    /* outline: red 1px solid; */
    top: 25%;
    height: 200%;
    width: 100%;
}

.wrapper {
    position: absolute;
    width: 80%;
    height: 30%;
}

img {
    width: 100%;
}

#springWrapper {
    top: 0;
    right: 0;
    /* background-color: pink; */
}

#summerWrapper {
    top: 20.4%;
    right: -3.05%;
    rotate: -15deg;
    /* background-color: greenyellow; */
}

#autumnWrapper {
    top: 39.4%;
    right: -12%;
    rotate: -30deg;
    /* background-color: orange; */
}

#winterWrapper {
    top: 55.6%;
    right: -26.1%;
    rotate: -45deg;
    /* background-color: skyblue; */
}

#finalWrapper {
    top: 68%;
    right: -44.5%;
    rotate: -60deg;
    /* background-color: darkblue; */
}