.ratio-box{width:100%;position:relative}.ratio-box.ratio-1-1{padding-top:100%}.ratio-box.ratio-16-9{padding-top:56.25%}.ratio-box.ratio-4-3{padding-top:75%}.ratio-box.ratio-3-2{padding-top:66.66%}.ratio-box > .ratio-content{display:block;position:absolute;top:0;bottom:0;left:0;right:0}.ratio-box > .ratio-content.content-center{display:flex;align-items:center;justify-content:center;flex-direction:column}.ratio-box > .ratio-content img{max-width:100%;max-height:100%}