.info-cards {
	padding: 3rem 0 4rem;
	gap: 16px;

	.info-cards--heading {
		text-align: center;
		font-weight: 500;
	}

	.info-card--item {
		flex: 1 1 100%;
		background: var(--card-bg);
		gap: 0;

		.card--media {
			border: 0.35rem solid #f0f0f0;
		}

		img {
			width: 100%;
		}

		.card-video {
			aspect-ratio: 5/3;
			overflow: hidden;
			iframe {
				width: 100%;
				height: 100%;
			}
		}

		.card-content--wrapper {
			padding: 1rem;

			* {
				text-align: center;
			}

			.card--heading {
				margin: 0;
				font-size: calc(
					var(--font-size__base, 18px) * var(--font-factor__h4, 1.2)
				);
			}

			.card--content {
				p {
					margin: 0;
				}
			}
		}

		&.featured {
			.card-content--wrapper {
				* {
					text-align: left;
				}
			}

			.card-image--normal {
				display: block;
			}

			.card-image--featured {
				display: none;
			}
		}
	}
}

@media screen and (min-width: 660px) {
	.info-cards {
		.info-card--item {
			flex: 0 1 calc(50% - 8px);

			&.featured {
				flex: 1 1 calc(50% - 8px);
			}
		}
	}
}
@media screen and (min-width: 1150px) {
	.info-cards {
		.info-card--item {
			flex: 0 0 calc(25% - 12px);

			&.featured {
				flex: 0 0 calc(50% - 8px);

				.card-image--normal {
					display: none;
				}

				.card-image--featured {
					display: block;
				}

				.card-video {
					aspect-ratio: 1016/295;
					iframe {
					}
				}
			}
		}
	}
}