.scrollCoffee {
    position: fixed;
    right: 0;
    height: 100%;
    top: 0;
    width:100px;
    z-index: 999;
}

/* sağdan sola bg colordan transparan yapmak için */
.scrollCoffee:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: linear-gradient(to left , var(--bg-color) 50%, transparent 100%);
    opacity: 1;
    z-index: -1;
}

.scrollCoffee .svgItem {
    position: absolute;
    top: 20%;
    transform: translatey(-50%);
    width: 100%;
}

.scrollCoffee .coffeeBean {
    width: 30%;
    top: 4.8%;
    left: 58%;
    z-index: 0;
}

.scrollCoffee .roaster {
    top: 25%;
    opacity: 0;
    scale: 0.7;
    z-index: 1;
}

.scrollCoffee .grinder {
    top: 55%;
    opacity: 0;
    scale: 0.7;
    z-index: 2;
}

.scrollCoffee .powder {
    top: 72%;
    width: 20%;
    right: 5%;
    height: 0;
}