#smoke-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 0;
    overflow: hidden;
    z-index: -1;
    pointer-events: none;
    opacity: 1;
}

.smoke-image {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: none;
    max-height: none;
}

.smoke-image:nth-child(1) {
    top: 550px;
}

.smoke-image:nth-child(2) {
    top: 3900px;
    opacity: 0.5;
}

.smoke-image:nth-child(3) {
    top: 5030px;
}

.smoke-image:nth-child(4) {
    top: 6023px;
}

.smoke-image:nth-child(5) {
    top: 7500px;
    display: none;
}

.smoke-image:nth-child(6) {
    top: 8572px;

}

.footer-smoke-image {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: none;
    max-height: none;
    opacity: 0.5;
}

@media screen and (max-width: 507px) {
    .smoke-image:nth-child(1) {
        top: 760px;
    }
}

@media screen and (max-width: 1280px) {
    .smoke-image:nth-child(2) {
        top: 4132px;
    }
}

@media screen and (max-width: 768px) {
    .smoke-image:nth-child(2) {
        top: 3717px;
    }
}

@media screen and (max-width: 730px) {
    .smoke-image:nth-child(2) {
        top: 4340px;
    }
}

@media screen and (max-width: 600px) {
    .smoke-image:nth-child(2) {
        top: 3770px;
    }
}

@media screen and (max-width: 515px) {
    .smoke-image:nth-child(2) {
        top: 4523px;
        opacity: 0.4;
    }
}

@media screen and (max-width: 467px) {
    .smoke-image:nth-child(2) {
        top: 4480px;
    }
}

@media screen and (max-width: 400px) {
    .smoke-image:nth-child(2) {
        top: 4293px;
    }
}

@media screen and (max-width: 1600px) {
    .smoke-image:nth-child(3) {
        top: 5067px;
    }
}

@media screen and (max-width: 1250px) {
    .smoke-image:nth-child(3) {
        top: 5235px;
    }
}

@media screen and (max-width: 800px) {
    .smoke-image:nth-child(3) {
        top: 5155px;
    }
}

@media screen and (max-width: 768px) {
    .smoke-image:nth-child(3) {
        top: 4832px;
    }
}

@media screen and (max-width: 730px) {
    .smoke-image:nth-child(3) {
        top: 5515px;
    }
}

@media screen and (max-width: 600px) {
    .smoke-image:nth-child(3) {
        top: 4989px;
    }
}

@media screen and (max-width: 515px) {
    .smoke-image:nth-child(3) {
        top: 5975px;
    }
}

@media screen and (max-width: 467px) {
    .smoke-image:nth-child(3) {
        top: 5827px;
    }
}

@media screen and (max-width: 400px) {
    .smoke-image:nth-child(3) {
        top: 5730px;
    }
}

@media screen and (max-width: 350px) {
    .smoke-image:nth-child(3) {
        top: 5680px;
    }
}

@media screen and (max-width: 1400px) {
    .smoke-image:nth-child(4) {
        top: 6023px;
        opacity: 0.7;
    }
}

@media screen and (max-width: 1280px) {
    .smoke-image:nth-child(4) {
        top: 6195px;
        opacity: 1;
    }
}

@media screen and (max-width: 978px) {
    .smoke-image:nth-child(4) {
        top: 6253px;
    }
}

@media screen and (max-width: 865px) {
    .smoke-image:nth-child(4) {
        top: 6253px;
    }
}

@media screen and (max-width: 780px) {
    .smoke-image:nth-child(4) {
        top: 6112px;
    }
}

@media screen and (max-width: 767px) {
    .smoke-image:nth-child(4) {
        top: 5916px;
    }
}

@media screen and (max-width: 730px) {
    .smoke-image:nth-child(4) {
        top: 6615px;
    }
}

@media screen and (max-width: 622px) {
    .smoke-image:nth-child(4) {
        top: 6712px;
    }
}

@media screen and (max-width: 587px) {
    .smoke-image:nth-child(4) {
        top: 6492px;
    }
}

@media screen and (max-width: 515px) {
    .smoke-image:nth-child(4) {
        top: 7557px;
    }
}

@media screen and (max-width: 460px) {
    .smoke-image:nth-child(4) {
        top: 7407px;
    }
}

@media screen and (max-width: 430px) {
    .smoke-image:nth-child(4) {
        top: 7338px;
    }
}

@media screen and (max-width: 366px) {
    .smoke-image:nth-child(4) {
        top: 7079px;
    }
}

@media screen and (max-width: 1235px) {
    .smoke-image:nth-child(6) {
        top: 8602px;
    }
}

@media screen and (max-width: 900px) {
    .smoke-image:nth-child(6) {
        top: 8091px;
    }
}

@media screen and (max-width: 768px) {
    .smoke-image:nth-child(6) {
        top: 7860px;
    }
}

@media screen and (max-width: 730px) {
    .smoke-image:nth-child(6) {
        top: 8540px;
    }
}

@media screen and (max-width: 640px) {
    .smoke-image:nth-child(6) {
        top: 8875px;
    }
}

@media screen and (max-width: 550px) {
    .smoke-image:nth-child(6) {
        top: 8692px;
    }
}

@media screen and (max-width: 515px) {
    .smoke-image:nth-child(6) {
        top: 9500px;
    }
}

@media screen and (max-width: 450px) {
    .smoke-image:nth-child(6) {
        top: 9251px;
        opacity: 0.8;
    }
}
@media screen and (max-width: 370px) {
    .smoke-image:nth-child(6) {
        top: 9000px;
    }
}

.smoke-image.smoke-image-about {
    top: 890px;
    opacity: 0.5;
}

@media screen and (max-width: 768px) {
    .smoke-image.smoke-image-about {
        top: 630px;
    }
}


.smoke-image.smoke-image-nursery {
    top: 955px;
    opacity: 0.5;   
}

@media screen and (max-width: 768px) {
    .smoke-image.smoke-image-nursery {
        top: 650px;
    }
}