.background-container:not(.background-halloween) .ghosts {
    display: none;
}

.background-halloween .background .left {
    background-image: url('/img/background/halloween/left.png');
    background-position: left bottom;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
    left: 0;
    position: fixed !important;
    z-index: 1;
}
.background-halloween .background .right {
    background-image: url('/img/background/halloween/right.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
    right: 0;
    position: fixed !important;
    z-index: 0;
}
.background-container.background-halloween .cloud-formation {
    display: none;
}
.background-halloween .ghosts img {
    position: absolute;
}

.background-halloween .ghosts .g1 {
    top: 10vh;
    padding-left: 400px;
    -webkit-animation: moveghosts-left 30s linear infinite;
    -moz-animation: moveghosts-left 30s linear infinite;
    -o-animation: moveghosts-left 30s linear infinite;
}
.background-halloween .ghosts .g2 {
    top: 70vh;
    padding-left: -200px;
    -webkit-animation: moveghosts-left 30s linear infinite;
    -moz-animation: moveghosts-left 30s linear infinite;
    -o-animation: moveghosts-left 30s linear infinite;
}
.background-halloween .ghosts .g3 {
    top: 45vh;
    padding-left: 800px;
    -webkit-animation: moveghosts-left 30s linear infinite;
    -moz-animation: moveghosts-left 30s linear infinite;
    -o-animation: moveghosts-left 30s linear infinite;
}

.background-halloween .ghosts .g4 {
    top: 15vh;
    padding-left: 400px;
    -webkit-animation: moveghosts-right 30s linear infinite;
    -moz-animation: moveghosts-right 30s linear infinite;
    -o-animation: moveghosts-right 30s linear infinite;
}
.background-halloween .ghosts .g5 {
    top: 35vh;
    padding-left: -200px;
    -webkit-animation: moveghosts-right 30s linear infinite;
    -moz-animation: moveghosts-right 30s linear infinite;
    -o-animation: moveghosts-right 30s linear infinite;
}
.background-halloween .ghosts .g6 {
    top: 55vh;
    padding-left: 800px;
    -webkit-animation: moveghosts-right 30s linear infinite;
    -moz-animation: moveghosts-right 30s linear infinite;
    -o-animation: moveghosts-right 30s linear infinite;
}

@-webkit-keyframes moveghosts-left {
    0% {margin-left: 2000px;}
    100% {margin-left: -1000px;}
}
@-moz-keyframes moveghosts-left {
    0% {margin-left: 2000px;}
    100% {margin-left: -1000px;}
}
@-o-keyframes moveghosts-left {
    0% {margin-left: 2000px;}
    100% {margin-left: -1000px;}
}

@-webkit-keyframes moveghosts-right {
    0% {margin-left: -1000px;}
    100% {margin-left: 2000px;}
}
@-moz-keyframes moveghosts-right {
    0% {margin-left: -1000px;}
    100% {margin-left: 2000px;}
}
@-o-keyframes moveghosts-right {
    0% {margin-left: -1000px;}
    100% {margin-left: 2000px;}
}