.image-with-side-content{
	width:100%;
}
.image-with-side-content .inner{
	margin: var(--margin-xl) auto ;
    max-width: var(--wp--style--global--wide-size);
    padding: 0 calc(40px + 4vw);
    display: flex;
    align-items: center;
}
.image-with-side-content picture{
	width:60%;
	position: relative;
	z-index: 1;
	aspect-ratio: 1/1;
}
.image-with-side-content picture img{
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
	top: 50%;
	left:50% ;
	translate: -50%  -50%;
}
.image-with-side-content article{
	width:60%;
	position: relative;
	z-index: 2;
	box-shadow: var(--standard-shadow);
	padding: 40px;
	background: #fff;
}
.image-with-side-content h2{
	width: 100%;
}
.image-with-side-content p{
	width: 100%;
}
.image-with-side-content a{
	width: 100%;
}
.image-with-side-content.left-content article{
	order: 1;
	margin-right: -10%;
}
.image-with-side-content.left-content picture{
	order: 2;
	margin-left: -10%;
}
.image-with-side-content.right-content article{
	order: 2;
	margin-left: -10%;
}
.image-with-side-content.right-content picture{
	order: 1;
	margin-right: -10%;
}



@media screen and (max-width:750px) {

	.image-with-side-content .inner {
		flex-direction: column;
	}

	.image-with-side-content article {
		width: 100%;
		padding: 40px 40px 120px;
	}

	.image-with-side-content.left-content article {
		margin-right: 0;
	}

	.image-with-side-content.left-content picture {
		margin-left: 0;
		margin-top: -60px;
		z-index: 9;
	}

}

@media screen and (max-width:450px) {

	.image-with-side-content.left-content picture {
		width: 80%;
	}

}