@media only screen and (min-width: 300px) {
    .featured-img {
        height: 165px;
        width: 100%;
        border-radius: 8px;
        box-shadow: 3px 5px 10px #5853bc99;
        transition: 0.3s;
    }
    .featured-img img {
        height: 100%;
        width: 100%;
        border-radius: 8px;
        object-fit: cover;
    }

    .blog-body{
        height: 7rem !important;
    }
}


@media only screen and (min-width: 600px) {
    .featured-img {
        height: 220px;
        width: 100%;
        border-radius: 8px;
        box-shadow: 3px 5px 10px #5853bc99;
        transition: 0.3s;
    }
    .featured-img img {
        height: 100%;
        width: 100%;
        border-radius: 8px;
        object-fit: cover;
    }

    .blog-body{
        height: 7rem !important;
    }
}

@media only screen and (min-width: 700px) {
    .featured-img {
        height: 220px;
        width: 100%;
        border-radius: 8px;
        box-shadow: 3px 5px 10px #5853bc99;
        transition: 0.3s;
    }
    .featured-img img {
        height: 100%;
        width: 100%;
        border-radius: 8px;
        object-fit: cover;
    }

    .blog-body{
       height: 7rem !important;
    }
}

@media only screen and (min-width: 992px) {
    .featured-img {
        height: 380px;
        width: 100%;
        border-radius: 8px;
        box-shadow: 3px 5px 10px #5853bc99;
        transition: 0.3s;
    }
    .featured-img img {
        height: 100%;
        width: 100%;
        border-radius: 8px;
        object-fit: cover;
    }

    .blog-body{
        height: 8rem !important;
    }
}

@media only screen and (min-width: 1030px) {
    .featured-img {
        height: 380px;
        width: 100%;
        border-radius: 8px;
        box-shadow: 3px 5px 10px #5853bc99;
        transition: 0.3s;
    }
    .featured-img img {
        height: 100%;
        width: 100%;
        border-radius: 8px;
        object-fit: cover;
    }

    .blog-body{
        height: 8rem !important;
    }
}