.scroll-animate, 
.scroll-animate1 {
    max-width: 100%;
    height: auto;
    opacity: 0;
    transform: translateX(250px);
    transition: opacity 1.5s ease-out, transform 0.6s ease-out;
}

.scroll-animate1{
    transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}

.scroll-animate.active, 
.scroll-animate1.active {
    opacity: 1;
    transform: translateX(0);
}

/* Анимация для кнопок */
.btn-scroll-animate {
    opacity: 0;
    transition: opacity 3s ease-out;
}

.btn-scroll-animate.active {
    opacity: 1;
}