.scroll-indicator {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent);
    pointer-events: auto;
    z-index: 10;
    border-radius: 1rem;
}

    .scroll-indicator.left::after {
        content: "<";
        left: 5px;
        font-family: 'Poppins';
        font-size: 32px;
        color: black;
        position: fixed;
        font-weight: 900;
    }

    .scroll-indicator.right::after {
        content: ">";
        right: 5px;
        font-family: 'Poppins';
        font-size: 32px;
        font-weight:900;
        color: black;
        position: fixed;
    }

    .scroll-indicator.right {
        right: 0;
    }

    .scroll-indicator.left {
        left: 0;
    }
    .hidden{
        display:none;
    }