.image-text-card {
	border-radius: 1.5rem;
	overflow: hidden;
	margin-bottom: 1rem;
	img {
		width: 100%;
		height: 16.25;
		object-fit: cover;
	}
	.content {
		padding: var(--Padding-M);
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: var(--Padding-XS);
		align-items: flex-start;
		p:last-of-type {
			margin-bottom: 0;
		}
	}
	&.even-height {
		height: auto;
		@media (min-width: 768px) {
			height: calc(100% - 1rem);
		}
	}

	&.image-text-card-horizontal {
		 @media (min-width:768px) {
			
		}
		@media (min-width:1200px) {
			img {
				object-fit: cover;
				height: calc(100% - 1rem);
				width: 50%;
			}

			display: flex;
			flex-direction: row;
		}
	}
}