.template-cover {
    height: 400px;
    background-position: 50%; 
    background-size: cover; 
    background-repeat: no-repeat;
}

.template-cover-21 {
    aspect-ratio: 2/1;
    background-position: 50%; 
    background-size: cover; 
    background-repeat: no-repeat;
}

.card-hover {
    transition: all 0.2s ease;
    cursor: pointer;
}

.card-hover:hover{
    box-shadow: 5px 6px 6px 2px #e9ecef;
    transform: scale(1.05);
}

.card-hover-border {
    transition: all 0.2s ease;
    cursor: pointer;
}

.card-hover-border:hover {
    border-color: #6ca6ea; border-width: 1px!important;
}

@media screen and (max-width:640px) {
    .template-cover {
        height: 160px;
    }
    .card-hover {
        transition: none;
        cursor: none;
    }
    .card-hover:hover{
        box-shadow: none;
        transform: none;
    }
}

@media screen and (min-width: 600px) and (max-width: 899px) {
    .template-cover {
        height: 300px;
    }
}

@media screen and (min-width:1441px) {
    .template-cover {
        height: 500px;
    }
}