.aspect-ratio-box{--aspect-ratio: 3/2;height:0;overflow:hidden;padding-top:calc(100%/(var(--aspect-ratio)));background:#fff;position:relative;background-color:var(--color-brand-grey--medium);background-repeat:no-repeat;background-position:center;background-size:80%}.aspect-ratio-box:after{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--background-image);background-repeat:no-repeat;background-position:center;background-size:contain;margin:10%}.aspect-ratio-box__inner{position:absolute;top:0;left:0;width:100%;height:100%}.aspect-ratio-box__inner>img{object-fit:cover;position:relative;left:50%;top:50.1%;transform:translateX(-50%) translateY(-50%);z-index:1;display:block;height:101%;width:101%;margin-top:0!important;margin-bottom:0!important}.aspect-ratio-box--contain{background-color:transparent}.aspect-ratio-box--contain .aspect-ratio-box__inner>img{object-fit:scale-down;max-width:80%;min-height:0;max-height:80%}.aspect-ratio-box--has-image{--background-image: "" !important;background-image:none!important}