IMAGE BACKGROUNDS
Split Sections

49W This is a 50-50 split section via Image Background.
Image Left, Full Bleed. This is a 50-50 split via Image Background. Content Alignment Horizontal sets photo side. The Content Alignment Vertical controls content alignment. The text wrapper has a padding of @spacing. To be used with any photo size; Section Height controlled S/M/L/#.
This is Lightest 1, and should have section background of Ecru.

49W This is a 50-50 split section via Image Background.
Image Right, Full Bleed. This is a 50-50 split via Image Background. Content Alignment Horizontal sets photo side. The Content Alignment Vertical controls content alignment. The text wrapper has a padding of @spacing. To be used with any photo size; Section Height controlled S/M/L/#.
This is Lightest 2, and should have section background of Blue.

48W This is the same as 49W but with Content Alignment Vertical set to Space Between.
Image Left, Full Bleed. This is a 50-50 split via Image Background. Content Alignment Horizontal sets photo side. The Content Alignment is set to Space Between. The text wrapper has a padding of @spacing. To be used with any photo size; Section Height controlled S/M/L/#.
This is Lightest 1, and should have section background of Ecru.

48W This is the same as 49W but with Content Alignment Vertical set to Space Between.
Image Left, Full Bleed. This is a 50-50 split via Image Background. Content Alignment Horizontal sets photo side. The Content Alignment is set to Space Between. The text wrapper has a padding of @spacing. To be used with any photo size; Section Height controlled S/M/L/#.
This is Lightest 2, and should have section background of Blue.

47W This is a 50-50 split section via Image Background with inset and rounded border.
Image Left, Margins. This is a 50-50 split via Image Background. Content Alignment Horizontal sets photo side. The Content Alignment Vertical controls content alignment. The text wrapper has a padding of @spacing. To be used with any photo size; Section Height controlled S/M/L/#.
This is Light 2, and should have section background of Green.

47W This is a 50-50 split section via Image Background with inset and rounded border.
Image Right, Margins. This is a 50-50 split via Image Background. Content Alignment Horizontal sets photo side. The Content Alignment Vertical controls content alignment. The text wrapper has a padding of @spacing. To be used with any photo size; Section Height controlled S/M/L/#.
This is Light 1, and should have section background of Lavender.

46W This is the same as 47W but with Content Alignment Vertical set to Space Between.
Image Left, Margins. This is a 50-50 split via Image Background. Content Alignment Horizontal sets photo side. The Content Alignment Vertical is set to Space Between. The text wrapper has a padding of @spacing. To be used with any photo size; Section Height controlled S/M/L/#.
This is Light 2, and should have section background of Green.

46W This is the same as 47W but with Content Alignment Vertical set to Space Between.
Image Right, Margins. This is a 50-50 split via Image Background. Content Alignment Horizontal sets photo side. The Content Alignment Vertical is set to Space Between. The text wrapper has a padding of @spacing. To be used with any photo size; Section Height controlled S/M/L/#.
This is Light 1, and should have section background of Lavender.

44W This is a 23-77 split via Image Background.
Image Left. The Content Alignment Vertical controls content alignment. The text wrapper has a padding of @spacing. To be used with any photo size; Section Height controlled S/M/L/#.
This is Darkest 1, and should have section background of Brown.

44W This is a 23-77 split via Image Background.
Image Right. The Content Alignment Vertical controls content alignment. The text wrapper has a padding of @spacing. To be used with any photo size; Section Height controlled S/M/L/#.
This is Darkest 2, and should have section background of Black.

43W This is the same as 44W but with Content Alignment Vertical set to Space Between.
Image Left. The Content Alignment Vertical controls content alignment. The text wrapper has a padding of @spacing. To be used with any photo size; Section Height controlled S/M/L/#. This is Darkest 1, and should have section background of Brown.

43W This is the same as 44W but with Content Alignment Vertical set to Space Between.
Image Right. The Content Alignment Vertical controls content alignment. The text wrapper has a padding of @spacing. To be used with any photo size; Section Height controlled S/M/L/#.
This is Darkest 2, and should have section background of Black.

42W This is a 23-77 split via Image Background with inset border.
Image Left, Margins. This is a 23-77 split via Image Background. The Content Alignment Vertical controls content alignment. The text wrapper has a padding of @spacing. To be used with any photo size; Section Height controlled S/M/L/#.
This is Bright 1, and should have section background of Yellow.

42W This is a 23-77 split via Image Background with inset border.
Image Right, Margins. This is a 23-77 split via Image Background. The Content Alignment Vertical controls content alignment. The text wrapper has a padding of @spacing. To be used with any photo size; Section Height controlled S/M/L/#.
This is Bright 2, and should have section background of Orange.

41W This is the same as 42W but with Content Alignment Vertical set to Space Between.
Image Left. The text wrapper has a padding of @spacing. To be used with any photo size; Section Height controlled S/M/L/#. This is Bright 1, and should have section background of Yellow.

41W This is the same as 42W but with Content Alignment Vertical set to Space Between.
Image Right. The text wrapper has a padding of @spacing. To be used with any photo size; Section Height controlled S/M/L/#.
This is Bright 2, and should have section background of Orange.