.x-img{background:var(--bg-color,#aaa);overflow:hidden;position:relative}.x-img:after{content:" ";display:block;padding-top:var(--p0);width:1px}@media (min-width:22em) and (max-width:24em){.x-img:after{padding-top:var(--p1)}}@media (min-width:24em) and (max-width:28em){.x-img:after{padding-top:var(--p2)}}@media (min-width:28em) and (max-width:35em){.x-img:after{padding-top:var(--p3)}}@media (min-width:35em) and (max-width:52em){.x-img:after{padding-top:var(--p4)}}@media (min-width:52em) and (max-width:57em){.x-img:after{padding-top:var(--p5)}}@media (min-width:57em) and (max-width:69em){.x-img:after{padding-top:var(--p6)}}@media (min-width:69em) and (max-width:76em){.x-img:after{padding-top:var(--p7)}}@media (min-width:76em) and (max-width:90em){.x-img:after{padding-top:var(--p8)}}@media (min-width:90em) and (max-width:108em){.x-img:after{padding-top:var(--p9)}}@media (min-width:108em) and (max-width:999em){.x-img:after{padding-top:var(--p10)}}.x-img img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;pointer-events:none;position:absolute;top:0;width:100%}.x-img img.is-eager{opacity:1;transition:none}.x-img img.is-animated{transition:opacity .3s ease-out}.x-img img.is-loading{opacity:0}.x-img img.is-loaded{opacity:1}