/* =content image */
.block-content-image {

}


.block-content-image .block-content-image__content-container {

}

.block-content-image .block-content-image__inner {
	display: grid;
}

.block-content-image .block-content-image__image-container {
	position: relative;
}


@media only screen and (max-width: 767px) {
	.block-content-image .block-content-image__inner {
		row-gap: 24px;
	}

}

@media only screen and (min-width: 768px) {

	/*
	604 = desktop image
	56 = gap
	540 = desktop content
	*/

	.block-content-image .block-content-image__inner {
		column-gap: 56px;
		/* align-items: center; */
	}

	/* can add 'magazine' class for images with an aspect ratio that makes them really tall, to help contain them */
	.block-content-image.magazine .block-content-image__image-container img { 
		width: 100%; 
		height: auto; 
		max-height: 600px; 
		object-fit: contain; 
	} 

	.block-content-image.layout-alpha.magazine .block-content-image__image-container img { 
		object-position: top left;
	}

	.block-content-image.layout-beta.magazine .block-content-image__image-container img { 
		object-position: top right;
	}

	/* image right */
	.block-content-image.layout-alpha .block-content-image__inner {
		grid-template-columns: 540fr 604fr;
	}
	.block-content-image.layout-alpha .block-content-image__image-container img {
		margin-left: auto;
	}

	/* image left */
	.block-content-image.layout-beta .block-content-image__inner {
		grid-template-columns: 604fr 540fr;
	}
	.block-content-image.layout-beta .block-content-image__image-container {
		order: 1;
	}
	.block-content-image.layout-beta .block-content-image__image-container img {
		margin-right: auto;
	}
	.block-content-image.layout-beta .block-content-image__content-container {
		order: 2;
	}


}