.slider-arrow-left,
.slider-arrow-right {
    width: 4rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.4;
    cursor: pointer;
    transition: all 0.2s ease;
}
.slider-arrow-left {
    left: 0.6rem;
}
.slider-arrow-right {
    right: 0.6rem;
}
.slider-arrow-left:hover,
.slider-arrow-right:hover {
    opacity: 0.6;
    transform: translateY(-50%) scale(1.2);
}
.active {
    opacity: 0.2;
}
.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}

@keyframes fade {
    from {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}