.sidePhoto {
	width: 100%; min-height: 650px;
	display: grid;
	grid-template-columns: 1fr 10fr 1fr 4fr;
	grid-auto-flow: column;
	background-color: var(--darkBG);
}

.sidePhoto img {
	width: 100%; height: 100%;
	grid-column: 4/5;	
	object-fit: cover;
	object-position: center top;
}

.sidePhoto .text {
	grid-column: 2/3;
	place-self: center start;
	padding: 4rem 0;
	overflow: hidden;
}


.sidePhoto--left {
	grid-template-columns: 4fr 1fr 10fr 1fr;
}

.sidePhoto--left img {
	grid-column: 1/2;
}

.sidePhoto--left .text {
	grid-column: 3/4;
}




@media(max-width: 1050px) {
	.sidePhoto {		
		grid-template-columns: var(--mobileGutter) 1fr var(--mobileGutter);
		height: auto; /* чтобы перебить фиксированную высоту */
	}
	.sidePhoto img { 
		display: none;
		height: 500px;
		grid-column: 1/4;
		grid-row: 1/2;
	}
	.sidePhoto .text {
		grid-column: 2/3;
		grid-row: 2/3;
	}	
}