.squareimageswithdescription{
	display: grid;
	grid-template-columns: repeat( 2, 1fr );
}
.squareimageswithdescription .image{
	position: relative;
	margin-bottom: 20px;
}
.squareimageswithdescription .overlay{
	position: absolute;
	z-index: 1;
	top: min( 4vw, 50px );
	left: min( 4.5vw, 72px );
	color: #fff;
}
.squareimageswithdescription .suptitle{
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6875;
}
.squareimageswithdescription h3{
	font-size: clamp( 26px, 3.5vw, 56px );
	line-height: 1.1429;
}

@media (min-width: 992px){
	.squareimageswithdescription .item:nth-child(odd) .image{
		margin-left: max( -144px, -1 * var(--bs-offset) );
	}
	.squareimageswithdescription .item:nth-child(even) .image{
		margin-right: max( -144px, -1 * var(--bs-offset) );
	}
	.squareimageswithdescription .item:nth-child(odd) .text{
		padding-right: 36px;
	}
	.squareimageswithdescription .item:nth-child(even) .text{
		padding-left: 36px;
	}
}

@media (max-width: 991px){
	.squareimageswithdescription{
		grid-template-columns: 1fr;
		gap: 40px 0;
	}
}