bootstrapで画像を入れたい

前提・実現したいこと

bootstrapでdivの全体にぴったり収まるように画像を埋め込みたいのですが、
上手く行きません。。
下の枠に画像が収まるようにしたいです。

下のようになってしまいます。。

<div class="border border-dark rounded">の中に <img src="images/sample.jpg" class="img-thumbnail"> を入れればぴったり収まる想定だったのですが、、

ご教示いただければと思います。

該当のソースコード

<div class="d-flex my-box-light justify-content-center flex-wrap mb-2">
	<div>
		<div class="shop_list panel-covered">
			<div class="border border-dark rounded">
			<img src="images/sample.jpg" class="img-thumbnail">
				<h2 class="shop_name"><a href="/area/1">テスト</a></h2>
				<h2 class="shop_count">テスト</h2>
			</div>
		</div>
	</div>
	<div>
		<div class="shop_list panel-covered">
			<div class="border border-dark rounded">
			<img src="images/sample.jpg" class="img-thumbnail">
				<h2 class="shop_name"><a href="/area/34">テスト</a></h2>
				<h2 class="shop_count">テスト</h2>
			</div>
		</div>
	</div>
</div>

補足情報（FW/ツールのバージョンなど）

bootstrap4

行動規範の内容に同意します

回答1件

自己解決

以下のようにして上手くできました。
画像の下に文字が表示されていたため、レイアウトが崩れていたようでした。

html
1<div class="d-flex my-box-light justify-content-center flex-wrap mb-2">
2			<div>
3				<div class="shop_list panel-covered">
4					<div class="border border-dark rounded">
5					<div class="card">
6						<img class="card-img" src="images/sample.jpg">
7						<div class="card-img-overlay">
8							<h2 class="shop_name"><a href="/area/1">テスト</a></h2>
9							<h2 class="shop_count">テスト</h2>
10						</div>
11					</div>
12					</div>
13				</div>
14			</div>
15			<div>
16				<div class="shop_list panel-covered">
17					<div class="border border-dark rounded">
18					<div class="card">
19						<img class="card-img" src="images/sample.jpg">
20						<div class="card-img-overlay">
21							<h2 class="shop_name"><a href="/area/34">テスト</a></h2>
22							<h2 class="shop_count">テスト</h2>
23						</div>
24					</div>
25					</div>
26				</div>
27			</div>