.container-ratio {
	position: relative;
}
.container-ratio > .container-box {
	position:  absolute;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
}
.container-ratio::before {
	content: '';
	padding-top: 100%;
	display: block;
}
.container-ratio.-ratio-2x1::before {
	padding-top: 50%;
}
.container-ratio.-ratio-1x2::before {
	padding-top: 200%;
}
.container-ratio.-ratio-4x3::before {
	padding-top: 75%;
}
.container-ratio.-ratio-16x9::before {
	padding-top: 56.25%;
}
.container-ratio.-ratio-21x9::before {
	padding-top: 42.85%;
}
.container-ratio.-trim {
	overflow: hidden;
}
.container-ratio.-trim > .container-box {
	margin: -1px;
}