.fade-in-left, h1, h2, h3 {
    animation: fade-in-left 1s ease-out;
}

.fade-in-right, .portrait, .header-physiotherapy {
    animation: fade-in-right 1s ease-out;
}

.fade-in-bottom {
    animation: fade-in-bottom 1s ease-out;
}

@keyframes fade-in-left {
    0% {
        transform: translateX(-0.625rem);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fade-in-right {
    0% {
        transform: translateX(0.625rem);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fade-in-bottom {
    0% {
        transform: translateY(0.625rem);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}