.oi{position:relative}.oi__blur,.oi__image{background-position:50%;background-size:cover;position:absolute;inset:0}.oi__blur-filter{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:absolute;inset:0}img.oi__preload{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0}img.oi__image{width:100%;height:auto;position:relative}.oi[data-state=loading]>.oi__image{opacity:0}.oi[data-state=loaded]>.oi__image{opacity:1;transition:opacity .3s ease-out}.oi[data-state=done]>.oi__image{opacity:1;transition:none}.oi[data-state=done]>.oi__blur,.oi[data-state=done]>.oi__blur-filter{display:none}