GB Grids – Expand Container to left or right border

Image expands to the left

Container-Wrapper:
> full-width
> Inner Container: full-width

Linker Container:
– hat Background Image, kein Image-Block!
– Min Height 400px
– Kein Gap im Grid, weil das Foto sonst nicht mittig-bündig ist, daher
Rechter Container:
– Padding-Left 48px, Rest 24px
– Vertical Center
– letzter Paragraph > Headline P mit Margin-Bottom 0px
– Class: half-container-width

/* CSS für Container expands to the right */
.overflow-hidden{
	overflow: hidden;
    }

.bg-offset-right {
	position: relative;
    }

.bg-offset-right:before{
	content: '';
	position: absolute; 
	z-index: 0;
	background-color: var(--accent); /* change this to the background color you want to use */ 
	width: 200vw;
	height: 100%;
	left: -50%;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
    }

@media (max-width: 768px) {
	.bg-offset-right:before{
		top: -30%;
		height: 130%
    }	
}

/* CSS für Image expands to the left */
.half-container-width{
	max-width: 640px; /* change this to half of your container's width */ 
    }