Template:Layouts/ImagesLeftContentRight/style.css

#imgLeft-contentRight-container {
	display: flex;
	flex-direction: column;
}

#imgLeft-contentRight-container .images-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
	
#imgLeft-contentRight-container .images-container a.image {
	margin-bottom: .25em;
}

#imgLeft-contentRight-container .images-container a.image img {
	border-radius: 10px;
}

#imgLeft-contentRight-container .image-caption {
	text-align: center;
	margin-bottom: 1em;
}

@media (min-width: 992px) {
	#imgLeft-contentRight-container {
		flex-direction: row;
	}
	#imgLeft-contentRight-container .images-container {
		flex: 0 0 25%;
		padding-top: .5em;
		justify-content: flex-start;
	}
	
	#imgLeft-contentRight-container .content-container {
		flex: 0 0 75%;
		padding-left: 1em;
	}
}