@media (min-width: 320px) {
    .background-image-latest {
        background-image: url("../../img/home/eight-section/fondo-canelo.png");
        height: auto;
        background-position: center;
        background-size: cover;
        background-blend-mode: multiply;
        background-color: rgba(0,0,0,.4);
    }

    .red-bordered-bottom {
        position: absolute;
        height: 260px;
        width: 80px;
        border-bottom: 5px solid var(--primary-color);
        border-left: 5px solid var(--primary-color);
    }

    .date {
        color: var(--primary-ligth-color);
    }

    .btn-card {
        color: var(--primary-ligth-color);
    }

        .btn-card:hover {
            color: var(--primary-color);
            text-decoration: none;
        }

    .width-card {
        width: 18rem;
    }
}

@media (min-width: 768px) {
    .background-image-latest {
        background-image: url("../../img/home/eight-section/fondo-canelo.png");
        /*    height: 90vh;*/
        height: auto;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: top;
        background-blend-mode: initial;
    }

    .width-card {
        width: 13rem;
    }
}

@media (min-width: 992px) {
    .red-bordered-bottom {
        height: 150px;
    }

    .width-card {
        width: 18rem;
    }

    .background-image-latest {
        /*        height: 75vh;*/
        height: auto;
    }
}

@media (min-width: 1200px) {
    .width-card {
        width: 21rem;
    }

    .background-image-latest {
        /*        height: 130vh;*/
        height: auto;
    }
}

@media (min-width: 1440px) {
    .width-card {
        width: 21rem;
    }

    .background-image-latest {
        /*        height: 115vh;*/
        height: auto;
    }
}