#contenidos .card{
    position: relative;
    height: 400px;
    animation: intro 0.5s ease-in-out;
    transition: 0.5s transform ease-in-out;
    background-color: rgba(243, 25, 18, 0.5);
}

@keyframes intro {
	from { 
        transform: scale(0.5);
        opacity: 0;
    }
    to { 
        transform: scale(1); 
        opacity: 1;
    }
}

#contenidos .card-header{
    position: relative;
    cursor: default;
}

.card-img-top{
    position: relative;
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    text-align: center;
    font-size: 154px;
    
    filter: grayscale(100%);
    mix-blend-mode: multiply;
    border-radius: 0px !important;
}

#contenidos .card-body{
    border-radius: 0rem 0rem 0.375rem 0.375rem;
    background-color: #ffffff !important;
    cursor: default;
}
#contenidos .card-footer{ background-color: #f7f7f7 !important; }