.fade-in,
.fade-out {
    position: relative;
    overflow: clip;
    max-width: 450px;
    z-index: 1;
}

.fade-out::after,
.fade-in::after {
    content: "";
    position: absolute;
    width: 100%;
    max-width:450px;
    min-height: 100%;
    inset: 0;
    z-index: 2;
}
.fade-in::after {
    left: -30px;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 100%);
}
.fade-out::after {
    background-image: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 5%, rgba(255, 255, 255, 0) 100%);
}