.gallery--section {
	background: var(--theme-brown);
	padding: 15px 15px 0 15px;
}

.gallery--2,
.gallery--1 {
	position: relative;
	padding-bottom: 56%;
}

.gallery--2 img,
.gallery--1 img {
	position: absolute;
	top: 0;
	left: 0;
}

.gallery--section.two-image-mod,
.gallery--section.three-image-mod {
	width: 100%;
	display: grid;
	grid-template-rows: auto auto;
	gap: 15px;
}

@media (min-width: 992px) {
	
	
	.gallery--section.two-image-mod,
	.gallery--section.three-image-mod {
		grid-template-columns: calc(50% - 7px) calc(50% - 8px);
		grid-template-rows: auto auto;
	}
	
	.gallery--section.two-image-mod {
		row-gap: 0;
	}
	
	.three-image-mod.portrait-right-mod .gallery--1 {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}

	.three-image-mod.portrait-right-mod .gallery--2 {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
	}

	.three-image-mod.portrait-right-mod .gallery--3 {
		grid-column: 2 / 3;
		grid-row: 1 / 3;
	}
	
	.three-image-mod.portrait-left-mod .gallery--1 {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}

	.three-image-mod.portrait-left-mod .gallery--2 {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}

	.three-image-mod.portrait-left-mod .gallery--3 {
		grid-column: 1 / 2;
		grid-row: 1 / 3;
	}	

}