.custom-card-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: filter 0.3s ease;
}

.custom-card-img:hover {
    filter: opacity(0.5);
}

.card-title-blue {
    color: #000080;
}

.animated-title {
    color: #000080;
    animation: fadeInUp 1s ease-in-out;
}

.animated-card {
    animation: fadeIn 1s ease-in-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}