@keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes rotate-left {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(-90deg);
    }
}

@keyframes rotate-right {
    0% {
        transform: rotate(-90deg);
    }

    100% {
        transform: rotate(0);
    }
}


@keyframes solution-image {
    0% {
        -webkit-mask-position-y: 0;
        mask-position-y: 0;
        top: 100px;
    }

    100% {
        -webkit-mask-position-y: 100%;
        mask-position-y: 100%;
        top: 0;
    }
}
@keyframes solution-image-reverse {
    0% {
        -webkit-mask-position-y: 100%;
        mask-position-y: 100%;
        top: 0;
    }

    100% {
        -webkit-mask-position-y: 0;
        mask-position-y: 0;
        top: 100px;
    }
}
@keyframes solution-text {
    0% {
        margin-top: 100px;
    }

    100% {
        margin-top: 200px;
    }

}
@keyframes solution-text-reverse {
    0% {
        margin-top: 200px;
    }

    100% {
        margin-top: 0;
    }
}
@keyframes three-columns {
    0% {
        opacity: 0;
        
    }

    100% {
        opacity: 1;
        
    }
}
@keyframes three-columns-reverse {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
@keyframes four-cards {
    0% {
        opacity: 0;
        margin-top: -100px;
    }

    100% {
        opacity: 1;
        margin-top: 0;
    }
}

@keyframes four-cards-mobile {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes four-cards-reverse {
    0% {
        opacity: 1;
        margin-top: 0;
    }

    100% {
        opacity: 0;
        margin-top: -100px;
    }
}

@keyframes four-cards-mobile-reverse {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}