.cards {
	display: flex;
	justify-content: space-between;
	column-gap: 10px;
}

.card {
	padding: 10px 0;
	border: 1px solid #e8e8e8;
	width: calc(33% - 10px);
	border-radius: 10px;
	overflow: hidden;
}

.card:hover .card__img img {
	transform: scale(1.2);
}

.card__img {
	margin-bottom: 10px;
	max-height: 200px;
	height: 100%;
	overflow: hidden;
}

.card__img img {
	max-width: 100%;
	transition: transform 0.5s;
}

.card__content {
	padding: 0 20px;
	font-size: 18px;
}

.card__title {
	text-align: center;
}