.product-cards-with-image {
	.flex_wrapper {
		display: flex;
		flex-wrap: wrap;
		gap: 16px;
	}

	.card_box {
		display: flex;
		flex-direction: column;
		gap: 24px;
		width: calc(100% / 3 - 32px / 3);
		padding: 24px;
		border-radius: 24px;
	}

	.img_box {
		margin-top: auto;
		position: relative;
		padding-top: 53.5%;
		overflow: hidden;
		border-radius: 16px;

		img {
			height: 100%;
			display: block;
			object-fit: cover;
		}
	}

	@media(max-width: 767px) {
		.card_box {
			width: 100%;
		}
	}
}