.media-block {
position: relative;
padding: 90px 0;
overflow: hidden;
}
.media-block.full {
padding: 0;
}
.media-block img {
display: block;
width: 100%;
border-radius: 4px;
}
.media-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 3.5%;
}
.media-grid .media-image {
flex: 0 0 48.25%;
}
.media-image:nth-child(even) {
margin-left: auto;
}
.media-grid .media-image:nth-child(1n+3) {
margin-top: 3.5%;
}
.media-left,
.media-right {
width: 48.25%;
}
.media-right {
margin-left: auto;
}
figure.media-image {
margin-bottom: 0;
}
.media-block.full .media-image {
height: 800px;
}
.media-block.full.letterbox .media-image {
height: 400px;
}
body.single-post .media-block.full.letterbox .media-image {
/* Reduce for single post pages */
height: 300px;
}
.media-block.full .media-image img {
border-radius: 0;
width: 100%;
height: 100% !important;
object-fit: cover;
object-position: 50% 0%;
}
@media screen and (max-width: 767px) {
	.media-block {
	padding: 60px 0;
	}
	.media-grid .media-image {
	flex: 0 0 100%;
	}
	.media-grid .media-image:nth-child(1n+3) {
	margin-top: 0;
	}
	.media-grid .media-image:nth-child(1n+2) {
	margin-top: 40px;
	}
	.media-left,
	.media-right {
	width: 100%;
	margin: 0;
	}
}