[data-layout="simple"] {
	display: grid;
	grid-row-gap: var(--cardsGap);

	article {
		@include media-breakpoint-up (md) {
			flex-direction: row;
		}

		.card-content {
			width: 100%;
			@include media-breakpoint-up (md) {
				align-self: center;
			}
		}

		.ct-image-container {
			&:not(.boundless-image) {
				align-self: flex-start;
			}

			@include media-breakpoint-down (sm) {
				margin-bottom: 35px !important;
			}

			@include media-breakpoint-up (md) {
				margin-right: 35px !important;
			}

			&.boundless-image {
				@include media-breakpoint-up (md) {
					width: 100%;
				}

				margin-bottom: calc(var(--cardSpacing) * -1);
			}

			@include media-breakpoint-up (md) {
				flex-shrink: 0;
				max-width: 42%;
			}
		}
	}
}