.left-100 {
    opacity: 0.5;
    transform: translateX(-100px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.left-100.left-100-active {
    opacity: 1;
    transform: translateX(0);
}

.right100 {
    opacity: 0.5;
    transform: translateX(100px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.right100.right100-active {
    opacity: 1;
    transform: translateX(0);
}

.right100-low {
    opacity: 0.5;
    transform: translateX(100px);
    transition: opacity 1.2s ease, transform 1.2s ease;
}

.right100-low.right100-low-active {
    opacity: 1;
    transform: translateX(0);
}

.down20008 {
    opacity: 0.8;
    transform: translateY(200px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.down20008.down20008-active {
    opacity: 1;
    transform: translateY(0);
}

.down20011{
    opacity: 0.8;
    transform: translateY(200px);
    transition: opacity 1.1s ease, transform 1.1s ease;
}
.down20011.down20011-active {
    opacity: 1;
    transform: translateY(0);
}

.down20014{
    opacity: 0.8;
    transform: translateY(200px);
    transition: opacity 1.4s ease, transform 1.4s ease;
}
.down20014.down20014-active {
    opacity: 1;
    transform: translateY(0);
}

.down20017{
    opacity: 0.8;
    transform: translateY(200px);
    transition: opacity 1.7s ease, transform 1.7s ease;
}
.down20017.down20017-active {
    opacity: 1;
    transform: translateY(0);
}