.blogDetailImage {
    display: flex;
    max-height: 550px;
    max-width: 70%;
    margin: auto;
    overflow: hidden;
    box-shadow: 0px 10px 26px 0px #c6c6c6;
    border-radius: 15px;
    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        vertical-align: middle;
    }
}

@media screen and (max-width: 768px) {
    .blogDetailImage {
        max-width: 100%;
    }
}