@keyframes slideDown {
        0% {
            transform: translateY(-50px);
            opacity: 0;
        }
        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }
    
    @keyframes slideUp {
        0% {
            transform: translateY(50px);
            opacity: 1;
        }
        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }
    .btn-slide-up{
        animation: slideUp 1.7s ease-out;
        animation-fill-mode: both;
        background-color: #007bff;
        color: white;
    }
    .btn-slide-up:hover{
        animation: slideUp 0.6s ease-out;
        background-color: white;
        color: blue;
    }
    
    .carousel-caption-down {
        animation: slideDown 1.5s ease-out forwards;
    }
    
    .carousel-caption-up {
        animation: slideUp 1.5s ease-out forwards;
    }