.carousel img {
    width: 100%;
    height: 700px;
}

.blog-post
{
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) ;
    background-color: #fff;
}
.blog-post img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: top;
}
.blog-post:hover
{
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3) !important;
}