:root {
    --page-width: calc(100vw);
}
body {
    overflow: hidden;
}
.slider {
    position: absolute;
    top: 0;
    z-index: -1;
    margin: 0;
    display: flex;
    align-items: flex-end;
    animation: slide 20s linear infinite;
}

@keyframes slide {
    0% { transform: translateX(var(--page-width)); }
    100% { transform: translateX(-2300px); }
}

.slider_r {
    position: absolute;
    z-index: -1;
    margin: 0;
    display: flex;
    align-items: flex-end;
}

#picasso {
    animation: slide_r 15s linear infinite;
    bottom: 5px;
}

#budd {
    animation: slide_r 10s ease-in infinite;
}

@keyframes slide_r {
    0% { transform: translateX(-472px); }
    100% { transform: translateX(var(--page-width)); }
}