.media-container {
	display: grid;
	padding: 1em;
}

.media-container-right, .media-container-left {
	grid-template-columns: minmax(0, 50%) 50%;
}

.media-container-center {
	grid-template-rows: minmax(0, 1fr) auto;
}

.media-container .media-element, .media-container .media-element img, .media-container .media-element img:hover {
	filter: unset !important;
	transition: unset !important;
	transform: unset !important;
	cursor: default !important;
	
	text-align: center;
	border-radius: 5px;
	
	max-width: 100%;
	max-height: 100%;
}

.media-container .media-caption {
	font-style: italic;
	
	display: flex;
	text-align: justify;
	
	color: var(--article-content-color);
}

.media-container-right .media-caption, .media-container-left .media-caption {
	align-items: center;
}

.media-container-left .media-element {
	grid-column-start: 1;
	grid-column-end: 2;
	
	grid-row-start: 1;
	grid-row-end: 3;
}

.media-container-center .media-element {
	grid-column-start: 1;
	grid-column-end: 3;
	
	grid-row-start: 1;
	grid-row-end: 2;
}

.media-container-right .media-element {
	grid-column-start: 2;
	grid-column-end: 3;
	
	grid-row-start: 1;
	grid-row-end: 3;
}

.media-container-left .media-caption {
	grid-column-start: 2;
	grid-column-end: 3;
	
	grid-row-start: 1;
	grid-row-end: 3;
}

.media-container-center .media-caption {
	grid-column-start: 1;
	grid-column-end: 3;
	
	grid-row-start: 2;
	grid-row-end: 3;
	
	justify-content: center;
}

.media-container-right .media-caption {
	grid-column-start: 1;
	grid-column-end: 2;
	
	grid-row-start: 1;
	grid-row-end: 3;
}

@media(max-width: 790px) {
	.media-container-right, .media-container-left {
		grid-template-rows: minmax(0, 1fr) auto;
	}
	
	.media-container .media-caption {
		grid-column-start: 1;
		grid-column-end: 3;
		
		grid-row-start: 2;
		grid-row-end: 3;
	}
	
	.media-container .media-element {
		grid-column-start: 1;
		grid-column-end: 3;
		
		grid-row-start: 1;
		grid-row-end: 2;
	}

}