.center-sticky {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%);
    opacity: 0.5;
    z-index: -1;
    max-width: 100%;
    height: auto;
    pointer-events: none; /* prevents blocking content interaction */
}
.center1{
    display: flex; flex-direction: column; justify-content: center;
}
/* For small devices */
@media (max-width: 600px) {
    .center-sticky {
        width: 100vw;
        height: auto;
        opacity: 0.3;
    }
}

/* For medium devices */
@media (min-width: 601px) and (max-width: 1024px) {
    .center-sticky {
        width: 80vw;
        height: auto;
        opacity: 0.4;
    }
}

/* For large devices */
@media (min-width: 1025px) {
    .center-sticky {
        width: 60vw;
        height: auto;
        opacity: 0.5;
    }
}