カード

<div class="card">
	<figure class="card_img-wrapper">
		<img class="card_img" src="img/pic02.jpg" alt="" />
	</figure>
	<div class="card_body">
		<h3 class="card_title">いろはうた</h3>
		<p class="card_text">
			色は匂へど　散りぬるを　我が世誰ぞ　常ならむ　有為の奥山　今日越えて　浅き夢見じ　酔ひもせず
		</p>
	</div>
</div>

.card {
	box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.3);
}
.card_img-wrapper {
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
}
.card_img {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
}
.card_body {
	padding: 15px;
}
.card_body > *:last-child {
	margin-bottom: 0;
}
.cart_title {
	margin-bottom: 5px;
	font-size: 1.125rem;
	font-weight: bold;
}
.card_txt {
	color: black;
}