.body-wrapper {
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    perspective: 1px;
}

.parallax {
    position: relative;
    transform-style: preserve-3d;
    z-index: -1;
}

.background {
    transform: translateZ(-0.5px) scale(1.5);
}

@media (max-width: 1024px) {
    .background {
        transform: translateZ(-0.5px) scale(2);
    }
}

@media (max-width: 1023px) {
    .background {
        transform: translateZ(-0.5px) scale(2.3);
    }
}

@media (max-width: 767px) {
    .background {
        transform: translateZ(-0.5px) scale(1.8);
    }
}