如何制作与div一样宽的图像？

Question

<div class="blog-post col-md-5">
   <img class="img-fluid" src="http://localhost/wordpress/wp-content/themes/skyrocket/images/background.jpg">                       <h2><a href="http://localhost/wordpress/2019/09/24/test/" title="test">test</a></h2>
   <p>test</p>
</div>

css：

div.blog-post {
    border: 1px #cdd1cd solid;
    margin-bottom: 20px;
    float: left;
    margin-right: 90px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.15);
    height: auto;
    width: auto;
}
div.blog-post img {
    object-fit: cover;
    width: auto;
    height: auto;
}

我要做的是使图像适合div的整个宽度，并使图像与边框一样宽，但是它不起作用，并且图像不如图像中所示的边框那么宽下方：

我使用了对象适合度并将其覆盖起来，但是它似乎没有用。我在做错什么吗？

谢谢。