/* Parallax container */
.parallax-container {
    position: relative;
    overflow: hidden;
    height: 300px; /* Adjust this height as needed */
}

.parallax-container.parallax-disabled {
    /* Default gradient background when no image is provided */
    background: linear-gradient(135deg, #6b73ff, #000dff);
    background-size: cover;
    background-position: center;
    height: 300px; /* Match the height */
}

.parallax {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateZ(0);
    transition: transform 0.2s linear;
    will-change: transform;
}

.parallax.enabled {
    will-change: transform;
}

/*.parallax-container .parallax.enabled {*/
/*    position: relative;*/
/*    transform: translateY(calc(var(--scroll, 0px)));*/
/*}*/